如何设置“内边框” - 不同单元格之间的边界。
通过设置样式属性,我设法控制外边框,但内边框保持相同的灰色和相同的宽度。我应该调整哪些属性来控制内边框?
答案 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>
元素的样式。