CSS属性 table 的 border-collapse 边框合并

说明
该CSS属性用来设定表格的行和列的边框是合并成单边框，还是分别有各自的边框

separate 缺省值。边框分开，不合并。
collapse 边框合并。即如果相邻，则共用同一个边框。

虽然在DIV+CSS 时代 table 的权重越来越低，但是有时候，还是局部地方table 还是挺好用的

特别是制表方面，还是table 比较的方便。
当然，制表肯定少不了边框，但是如果你直接在td上加边框，就会出现一种情况，table 的外围一周是单线，里面都是双线。

你也可以通过其他分开设置的方法实现全部单线，但是这儿有一个最最简单的方法，CSS 里提供了 border-collapse 属性可以控制相连边框的合并还是分离

Code

<style>
table{ width:90%; border:#333 solid 1px; border-collapse:collapse; } 
tr{ white-space:0;} 
td{ height:30px; border:#666 solid 1px;}
</style>
<table>
    <tbody>
        <tr>
            <td>index</td>
            <td>index</td>
            <td>index</td>
        </tr>
        <tr>
            <td>index</td>
            <td>index</td>
            <td>index</td>
        </tr>
        <tr>
            <td>index</td>
            <td>index</td>
            <td>index</td>
        </tr>
    </tbody>
</table>