在HTML中设置内部表格边框

时间:2010-04-17 12:00:02

标签: html css border css-tables

如何设置“内边框” - 不同单元格之间的边界。

通过设置样式属性,我设法控制外边框,但内边框保持相同的灰色和相同的宽度。我应该调整哪些属性来控制内边框?

2 个答案:

答案 0 :(得分:13)

对于普通的表格标记,这是一个简短的解决方案,适用于BrowserStack上的所有设备/浏览器,IE 7及以下版本除外:

table { border-collapse: collapse; }

td + td,
th + th { border-left: 1px solid; }
tr + tr { border-top: 1px solid; }

对于IE 7支持,请添加:

tr + tr > td,
tr + tr > th { border-top: 1px solid; }

此处可以看到一个测试用例:http://codepen.io/dalgard/pen/wmcdE

答案 1 :(得分:4)

您需要设置<td>元素的样式。

查看W3C website