本文摘自PHP中文网,作者不言,侵删。
这篇文章介绍的内容是html设置表格边框样式,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | html设置表格边框样式
<html>
<head>
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" />
<title>设置表格边框样式</title>
<style>
.border_distance{
border-collapse: collapse;
border-right:1px solid red;
border-top:1px solid red;
}
.border_distance tr td{
border-left:1px solid green;
border-bottom:1px solid green;
}
</style>
</head>
<body>
<table class = "border_distance" >
<tr>
<td>科目</td>
<td>分数</td>
</tr>
<tr>
<td>语文</td>
<td>92</td>
</tr>
<tr>
<td>数学</td>
<td>99</td>
</tr>
<tr>
<td>英语</td>
<td>59</td>
</tr>
</table>
</body>
</html>
|
相关推荐:
HTML设置超链接字体颜色和点击后的字体颜色
html设置或返回用于填充绘画的颜色渐变或模式的属性fillStyle
html悬浮框架的iframe加载html设置使用示例
以上就是html设置表格边框样式的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
如何在微信小程序中显示Html格式内容(图文教程)
Html属性的作用(代码)
图文详解Html页面中添加图片的三种方法
Html的计算机代码元素有哪些
Html col标签是什么意思?Html col标签的使用实例介绍
在Html中空格字符如何表示
某些Html字符打不出来怎么办
在Html中嵌入js代码的方法
Html有序列表怎么弄自定义
Html怎样在消息按钮上增加数量角标
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html设置表格边框样式