Raw HTML Table

HTML

<table>
    <thead>
        <tr>
            <th colspan=3>人物属性表</th>
        </tr>
    </thead>
  <tbody>
    <tr>
      <td>力量</td>
      <td>运动</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td rowspan="2">敏捷</td>
      <td>心灵手巧</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>烹饪</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>体质</td>
    </tr>
    <tr>
      <td rowspan="3">智力</td>
      <td>专业知识</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>语言写作</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>生产力管理</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td rowspan="3">感知</td>
      <td>观察世界</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>自我分析</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>玄学</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td rowspan="4">魅力</td>
      <td>社交关系</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>家庭情感</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>沟通</td>
      <td>。。。</td>
    </tr>
    <tr>
      <td>外貌</td>
      <td>。。。</td>
    </tr>
  </tbody>
</table>

CSS

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}