19

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

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

4

2 回答 2

14

对于普通的表格标记，这是一个适用于 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

于 2014-08-31T12:30:12.807 回答
4

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

看看W3C 网站

于 2010-04-17T12:04:05.587 回答