在HTML中设置内部表格边框

Question

如何设置"内边框" - 不同单元格之间的边界.

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

Answer 1

对于普通的表格标记,这是一个简短的解决方案,适用于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

Answer 2

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

看看W3C网站