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>