CSS border-collapse属性,合并表格边框
border-collapse属性
CSS中的border-collapse属性,可以用于设置表格边框是否合并的样式,比如同时设置了table、tr和td的border属性之后,表格将出现多条边框的样式,如下这个简单示例。
苹果 | 香蕉 |
属性值
属性值 | 描述 |
---|---|
separate | 默认值,边框会被分开 |
collapse | 合并,并且会忽略border-spacing 和 empty-cells 属性 |
inherit | 从父元素继承border-collapse属性的值 |
border-collapse属性实例代码,及在线编辑器
<table class='p1'>
<tr class='p2'><td class='p2'>python</td><td class='p2'>CSS</td></tr>
</table>
<style>
.p1{width:100%;border:1px solid orange; border-collapse:collapse;}
.p2{border:1px solid skyblue;}
</style>