<col>: 列标签
最后更新：2026-10-13
<col>列标签
表格列定义，通常放在 colgroup 内，用于对整个列统一设置样式或 span 跨列。
| 分类 | 表格 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 自闭合 — 无需闭合标签 |
| 状态 | 标准 |
📝 语法
<col span="2">⚙️ 属性
该元素支持全局属性及以下专有属性：
| 属性 | 值 | 描述 |
|---|---|---|
span | 该列定义覆盖的列数（默认 1）。 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <col> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： col 是空元素（无闭合标签）；多数列相关样式（如宽度）应写在 col 上而非 td。
❓ 常见问题
Qcol 是怎么给整列加样式的？
A
<col> 本身不显示，通过 span 属性（默认 1）声明「我代表第 N 列」，配合 <colgroup> 使用。能设置的样式有限：width、background、border（table 需设 border-collapse: collapse）、visibility。Qcol 为什么不能改字的颜色？
A因为
<col> 不是单元格的父元素，只是「列的抽象代表」，可继承属性（字体颜色）无法沿它传递到 td。给整列文字上色要用 td:nth-child(n) 选择器——col 只管背景、宽度这类「列级盒模型」样式。Qcol 的 span 属性怎么用？
A
<col span='3'> 表示一个 col 元素同时代表连续 3 列，常用于快速设置多列宽度：<colgroup><col style='width:40%'><col span='3' style='width:20%'></colgroup>，合计列数必须与表格实际列数一致。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
