复杂HTML表格CSS样式适配求助：已有HTML代码需匹配目标样式

你的HTML表格结构已经正确，只需添加以下CSS即可实现目标样式：

table {
  border-collapse: collapse;
  width: 100%;
  font-family: sans-serif;
}

td {
  border: 1px solid #000;
  padding: 10px 15px;
  text-align: center;
  vertical-align: middle;
}

/* 可选：为跨行/跨列单元格添加背景色以突出显示 */
td[rowspan], td[colspan] {
  background-color: #f5f5f5;
}

代码说明： #

• border-collapse: collapse：合并表格边框，消除原生表格的双重边框问题，让线条更整洁；
• width: 100%：让表格自适应父容器宽度，避免过窄影响视觉；
• padding：为单元格内容添加内边距，避免文本紧贴边框，提升可读性；
• text-align + vertical-align：让单元格内的文本在水平和垂直方向都居中，匹配目标样式的排版；
• 可选的背景色设置：帮助快速识别跨行/跨列的单元格，和目标样式的视觉区分一致。

你的原始HTML代码（可直接结合CSS使用）：

<table>
  <tbody>
    <tr>
      <td rowspan="6">Diese Spalte geht über sechs Reihen</td>
      <td colspan="4">Diese Spalte geht über die Breite von vier Spalten</td>
      <td rowspan="6">Diese Spalte geht über sechs Reihen</td>
    </tr>
    <tr>
      <td rowspan="2">Diese Spalte geht über zwei Reihen</td>
      <td colspan="2">Diese Spalte geht über die Breite von zwei Spalten</td>
      <td rowspan="2">Diese Spalte geht über zwei Reihen</td>
    </tr>
    <tr>
      <td>Eine Spalte</td>
      <td>Eine Spalte</td>
    </tr>
    <tr>
      <td rowspan="2">Diese Spalte geht über zwei Reihen</td>
      <td>Eine Spalte</td>
      <td>Eine Spalte</td>
      <td rowspan="2">Diese Spalte geht über zwei Reihen</td>
    </tr>
    <tr>
      <td colspan="2">Diese Spalte geht über die Breite von zwei Spalten</td>
    </tr>
    <tr>
      <td colspan="4">Diese Spalte geht über die Breite von vier Spalten</td>
    </tr>
  </tbody>
</table>

内容的提问来源于stack exchange，提问作者Kohai