border-collapse的使用方法:
该属性主要是用在表格中,是否合并边框
border-collapse: collapse;
border-collapse: separate;
除了表格之外,如果想用在其他元素上也是可以的,但是必须保证,父级元素的display值为table,子元素的display值为table-row,或者table-cell,并且子元素不能用float
例如:
<style>
.box{width:500px;display:table;border:1px #ddd solid;border-collapse:collapse}
.item{display:table-cell;border:1px #ddd solid}
</style>
<div class="box">
<div class="item">1</div>
<div class="item">1</div>
</div>