用CSS给表格加边框
2013-06-17 18:11 zhaodacheng 阅读(1684) 评论(0) 编辑 收藏 举报很久之前，给表格加边框用的方法是给表格加上背景色，然后把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/
