table

一、表格常用的

1、合并table边框

（1）合并边框 border-collapse: collapse;

（2）边框分离的距离设为0 border-spacing: 0;

二、td属性

1、跨行rowspan

<td rowspan="3">1</td>

2、跨列colspan

三、样式

1、border-collapse 是否合并表格边框

separate: 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse: 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

table {
    border-collapse: collapse; // 合并边框
}

2、border-spacing 设置相邻单元格的边框间的距离
注：只有设置属性border-collapse: separate时有效

table {
    border-spacing: 10px; // tr的水平和垂直方向设置10px的距离
    border-spacing: 0 10px; // tr的水平0px和垂直方向10px的距离
}