在HTML中设置内表边框

发布时间：2020-12-14 21:32:01 所属栏目：资源来源：网络整理

导读：如何设置“内部边框” – 不同单元格之间的边界。通过设置样式属性，我设法控制外边框，但内边框只保持相同的灰色和相同的宽度。我应该调整哪些属性来控制内边界？解决方法对于普通的表格标记，这是一个简单的解决方案，适用于浏览器堆栈上的所有设备/浏

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!