#HTML 的 <col> 标签

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

<col> 元素会导致父元素 [<colgroup>](/document/zh/03.HTML/EX.HTML%20元素帮助手册.hide/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>
   

   <col>
   
   
        
        
        
   
   
       
   姓名
       
   年龄
       
   城市
   
   
       
   张三
       
   28
       
   北京
   
   
       
   李四
       
   32
       
   上海
   
   
   

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>
   

   <col>
   
   
        
        
   
   
       
   产品
       
   价格
       
   库存
   
   
       
   手机
       
   $599
       
   25
   
   
       
   笔记本
       
   $999
       
   12