本文摘自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 button标签的样式怎么设置?Html button标签的样式介绍
Html怎么隐藏播放器
canvas 学习 3---画坐标系
Html的打印代码支持翻页
关于Html big标签的作用和具体的用法详解(内有代码实例)
Html中禁用表单控件有几种方法
如何利用传统的方式在Html中获取dom元素
Html中col标签里的汉字如何居中?Html col标签的用法详解
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html设置表格边框样式