用CSS给表格加边框
2013-06-17 18:11
232 查看
很久之前,给表格加边框用的方法是给表格加上背景色,然后把cellspacing="1",再给td设置成另一种颜色,这样间接的加边框颜色。
一直没去细研究,今天发现了一种很简单的加边框的方法,关键代码如下:
.a{border-collapse:collapse; border:1px solid #339999;}
.a tr td{border:1px solid #339999;}
我和同事想要实现的方法是两个表格落在一起,下边表格的边框去掉,也就是表格没有上边框,css样式如下:
.a{border-collapse:collapse; border:1px solid #339999; border-top:0px solid #339999}
.a tr td{border:1px solid #339999;border-top:0px solid #339999}
html代码如下:
<style type="text/css">
<!--
.a{border-collapse:collapse; border:1px solid #339999; border-top:0px solid #339999}
.a tr td{border:1px solid #339999;border-top:0px solid #339999}
-->
</style></head>
<body>
<table height="60" cellpadding="5" width="60%" class="a">
<tr>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</table>
同事最初找的代码如下,上面的代码就是这个代码的优化结果:
<table style="border-collapse:collapse" border="1" bordercolor="#339999" height="60" cellpadding="5" width="60%">
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
</table>
本文转自: http://lnzengjie.blog.163.com/blog/static/236201622009880948440/
一直没去细研究,今天发现了一种很简单的加边框的方法,关键代码如下:
.a{border-collapse:collapse; border:1px solid #339999;}
.a tr td{border:1px solid #339999;}
我和同事想要实现的方法是两个表格落在一起,下边表格的边框去掉,也就是表格没有上边框,css样式如下:
.a{border-collapse:collapse; border:1px solid #339999; border-top:0px solid #339999}
.a tr td{border:1px solid #339999;border-top:0px solid #339999}
html代码如下:
<style type="text/css">
<!--
.a{border-collapse:collapse; border:1px solid #339999; border-top:0px solid #339999}
.a tr td{border:1px solid #339999;border-top:0px solid #339999}
-->
</style></head>
<body>
<table height="60" cellpadding="5" width="60%" class="a">
<tr>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</table>
同事最初找的代码如下,上面的代码就是这个代码的优化结果:
<table style="border-collapse:collapse" border="1" bordercolor="#339999" height="60" cellpadding="5" width="60%">
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
</table>
本文转自: http://lnzengjie.blog.163.com/blog/static/236201622009880948440/
相关文章推荐
- CSS设置表格TD TH边框问题
- 用CSS定义表格边框
- css表格边框样式
- 用div加css做表格去掉外围边框
- CSS 表格中的单元格边框重叠属性 border-collapse
- CSS实现圆角表格边框
- 用CSS设置表格Table的细边框的比较好用的方法
- 表格边框的css语法整理
- css控制同一个页面的两个表格,一个显示有边框线,而另一个没边框线
- CSS如何设置html table表格边框样式
- 不用css,实现带细线灰色边框的表格
- CSS设置表格细边框
- CSS有关表格边框的语法汇总
- 使用CSS处理表格边框样式化(转帖)
- 表格线边框重复CSS解决方法
- 表格边框的纯css方法
- CSS实现表格细边框的两种方法
- 用css设置表格边框
- [CSS知识]有关表格边框的CSS语法整理
- 表格线边框重复css解决方法