在HTML中设置内表边框

前端之家收集整理的这篇文章主要介绍了在HTML中设置内表边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何设置“内部边框” – 不同单元格之间的边界。

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

解决方法

对于普通的表格标记,这是一个简单的解决方案,适用于浏览器堆栈上的所有设备/浏览器,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

猜你在找的HTML相关文章