如何在表格中将Colors标题置于表头下方？

嘿，这个问题得看你是用纯HTML表格还是Markdown表格来实现，我给你两种场景的解决方法：

1. 如果是HTML表格 #

假设你原来的代码是把Colors标题放在表格外面、表头上方：

<h3>Colors</h3>
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Hex Code</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Red</td>
      <td>#FF0000</td>
    </tr>
    <tr>
      <td>Blue</td>
      <td>#0000FF</td>
    </tr>
  </tbody>
</table>

要把Colors移到表头下方，只需要把标题放到<thead>之后、<tbody>之前，并且用colspan让它跨所有列（这里是2列），再加上居中样式让排版更美观：

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Hex Code</th>
    </tr>
  </thead>
  <!-- 把标题放在表头下方的位置 -->
  <tr>
    <td colspan="2" style="text-align:center;"><h3>Colors</h3></td>
  </tr>
  <tbody>
    <tr>
      <td>Red</td>
      <td>#FF0000</td>
    </tr>
    <tr>
      <td>Blue</td>
      <td>#0000FF</td>
    </tr>
  </tbody>
</table>

2. 如果是Markdown表格 #

纯Markdown的表格结构比较固定（表头→分隔线→数据行），没法直接把标题嵌入到表头下方，所以需要结合HTML来实现更可靠的效果。

假设你原来的Markdown是这样的：

### Colors
| Name | Hex Code |
|------|----------|
| Red  | #FF0000  |
| Blue | #0000FF  |

要把Colors移到表头下方，直接用HTML表格来写是最稳妥的，效果和上面的HTML示例一致：

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Hex Code</th>
    </tr>
  </thead>
  <tr>
    <td colspan="2" style="text-align:center;"><h3>Colors</h3></td>
  </tr>
  <tbody>
    <tr>
      <td>Red</td>
      <td>#FF0000</td>
    </tr>
    <tr>
      <td>Blue</td>
      <td>#0000FF</td>
    </tr>
  </tbody>
</table>

如果你想尽量保留Markdown表格的写法，也可以把标题嵌入到第一行数据里，但这种方式在部分Markdown渲染器中可能出现排版问题，仅供参考：

| Name | Hex Code |
|------|----------|
| <div style="text-align:center; width:100%;"><h3>Colors</h3></div> | |
| Red  | #FF0000  |
| Blue | #0000FF  |

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