border-collapse 属性设置表格的边框是否被合并为一个单一的边框。
它的属性值如下:
值
描述
separate
默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse
如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit
规定应该从父元素继承 border-collapse 属性的值。
border-collapse属性加上border-spacing属性就可以设置tr行间距
table{
border-collapse: separate;
border-spacing: 5px 10px;
}
效果图如下:
源代码如下:
Document
table{
border-collapse: separate;
border-spacing: 5px 10px;
}
table tr td{
background-color: #f00
}
原文作者技术博客:/u/ac4daaeecdfe
95后前端妹子一枚,爱阅读,爱交友,将工作中遇到的问题记录在这里,希望给每一个看到的你能带来一点帮助。
欢迎留言交流