css控制table表格合并单元格

css实现合并table单元格虽然简单，但是大家可能都没怎么记，很容易忘记。下面给大家展示一个例子。

colspan 是合并列，rowspan是合并行，合并行的时候，比如rowspan="2"，它的下一行tr会少一列；合并列的时候 colspan="2"，此行的列会少一列

<table border="1" width="600">
  <tbody>
    <tr>
      <td colspan="2">colspan 合并列</td>
      <td colspan="2">colspan 合并列</td>
    </tr>
    <tr>
      <td rowspan="2">rowspan 合并行</td>
      <td>我是占位符</td>
      <td>我是占位符</td>
      <td>我是占位符</td>
    </tr>
    <tr>
      <td>我是占位符</td>
      <td>我是占位符</td>
      <td>我是占位符</td>
    </tr>
  </tbody>
</table>

效果如下：