# HTML 的 <col> 标签

HTML 的 <col> 元素在其父 <colgroup> 元素所代表的列组中定义一列或多列。

<col> 元素会导致父元素 [<colgroup>](/document/zh/03.HTML/EX.HTML%20元素/EX.colgroup.md) 的 span 属性失效。

# 属性

• span: 指定 <col> 元素跨越的连续列数。该值必须是大于 0 的正整数。如果不存在，其默认值为 1。

# 示例

1. 基本示例：

   <table>
   <colgroup>
       <col style="background-color:yellow"> <!-- 第一列 -->
       <col style="background-color:lightblue"> <!-- 第二列 -->
       <col style="background-color:lightgreen"> <!-- 第三列 -->
   </colgroup>
   <tr>
       <th>姓名</th>
       <th>年龄</th>
       <th>城市</th>
   </tr>
   <tr>
       <td>张三</td>
       <td>28</td>
       <td>北京</td>
   </tr>
   <tr>
       <td>李四</td>
       <td>32</td>
       <td>上海</td>
   </tr>
   </table>
   

2. span 属性跨列示例：

   <table>
   <colgroup>
       <col style="background-color:lightblue"> <!-- 第一列 -->
       <col span="2" style="background-color:lightgreen"> <!-- 第二、三列 -->
   </colgroup>
   <tr>
       <th>产品</th>
       <th>价格</th>
       <th>库存</th>
   </tr>
   <tr>
       <td>手机</td>
       <td>$599</td>
       <td>25</td>
   </tr>
   <tr>
       <td>笔记本</td>
       <td>$999</td>
       <td>12</td>
   </tr>
   </table>
   

# 推荐阅读

• HTML 的 col 元素 - MDN