原生html、css写表格合并行、合并列示例

  <table>
      <tr>
        <th rowspan="2">上下合并-表头</th>
        <th rowspan="2">上下合并-表头</th>
        <th colspan="2">左右合并-表头</th>
      </tr>
      <tr>
        <th>表头-左</th>
        <th>表头-右</th>
      </tr>

      <tr>
        <td>Row 1, Cell 1</td>
        <td>Row 1, Cell 2</td>
        <td rowspan="2">上下合并</td>
        <td>Row 1, Cell 4</td>
      </tr>
      <tr>
        <td>Row 2, Cell 1</td>
        <td>Row 2, Cell 2</td>
        <td>Row 2, Cell 4</td>
      </tr>
      <tr>
        <td colspan="2">左右合并</td>
        <td>Row 3, Cell 3</td>
        <td>Row 3, Cell 4</td>
      </tr>
    </table>

 <style>
 table,
 th,
 td {
   border: 1px solid black; /* 边框宽度增加到2px */
   border-collapse: collapse;
 }
 th,
 td {
   padding: 10px;
   text-align: left;
 }
</style>