1. 使用<col>和

<colgroup></colgroup>包裹多个<col>，每个<col>对应一列。通过style属性或CSS类来设置列宽、背景色、文字对齐等。

示例：

<table border="1">
  <colgroup>
    <col style="background-color: #f0f0f0; width: 100px;">
    <col style="background-color: #e0e0e0;" span="2">
  </colgroup>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>城市</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>北京</td>
  </tr>
</table>

上面代码中第一列背景浅灰、宽度100px，第二和第三列背景稍深灰。

2. 用CSS类控制列样式更灵活

将样式写在外部或内部CSS中，通过class提高复用性和维护性。

CSS：

小米旗下小爱开放平台

.col-name {
  background-color: #ffe4b5;
  text-align: center;
}
.col-age {
  width: 60px;
  color: blue;
}

HTML：

<table>
  <colgroup>
    <col class="col-name">
    <col class="col-age">
    <col>
  </colgroup>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>上海</td>
  </tr>
</table>

这样便于统一管理样式，也支持响应式设计调整列宽。

3. 注意事项与兼容性

<col>的样式优先级较低，容易被单元格自身的样式覆盖。比如td设置了背景色，会优先于col的背景设置。

基本上就这些。合理使用<col>能减少重复代码，提升表格结构清晰度。