HTML<colgroup>标签

	作者：CC	今阅(1)	3日(1)	7日(1)
	发表时间:2023-11-06 22:39:42		30日(2)	总阅(33)

文章摘要：如果想对中的某列定义不同的属性，请在标签内使用，标签支持html的全局属性，标签支持html的事件属性

# HTML <colgroup> 标签
  
## 实例
```html
<colgroup>和<col/>标签为表格中的三个列设置了背景色：<table border="1">
  <colgroup>
   <col span="2" style="background-color:red"/>
   <col style="background-color:yellow"/>
  </colgroup>
  <tr>
   <th>ISBN</th>
   <th>Title</th>
   <th>Price</th>
  </tr>
  <tr>
   <td>3476896</td>
   <td>
    My first HTML
   </td>
   <td>$53</td>
  </tr>
 </table>
</colgroup>```
尝试一下 »
***
## 浏览器支持
![Internet Explorer](Wimg/oHCo5o9zyHl1a7PfdikFl8F46c/6de56157646f895dc3df5461415da44e.png)![Firefox](https://www.runoob.com/images/compatible_firefox.gif)![Opera](Wimg/oHCo5o9zyHl1a7PfdikFl8F46c/2fde4bf7adb5ab30bcc93bcca92fc96f.png) ![GoogleChrome](https://www.runoob.com/images/compatible_chrome.gif)![Safari](Wimg/oHCo5o9zyHl1a7PfdikFl8F46c/cb5ba57a8254753663d18a4a0a41dca1.png)
所有主流浏览器都支持 <colgroup> 标签。
***
## 标签定义及使用说明
<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。
通过使用 <colgroup> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。
**注释：** 只能在 <table> 元素之内，在任何一个 <caption> 元素之后，在任何一个
<thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签。
**提示：** 如果想对 <colgroup> 中的某列定义不同的属性，请在 <colgroup> 标签内使用 <col>
标签。
***
## HTML 4.01 与 HTML5之间的差异
HTML5 中不再支持 HTML 4.01 中的大部分属性。
***
## 属性
属性 | 值 | 描述  
---|---|---  
align | (((left  
right  
center  
justify  
char))) | HTML5 不支持。规定在列组合中内容的水平对齐方式。  
char | _character_ | HTML5 不支持。规定根据哪个字符来对齐列组中的内容。  
charoff | _number_ | HTML5 不支持。规定第一个对齐字符的偏移量。  
span | _number_ | 规定列组应该横跨的列数。  
valign | (((top  
middle  
bottom  
baseline))) | HTML5 不支持。定义在列组合中内容的垂直对齐方式。  
width | _pixels  %  relative_length_ | HTML5 不支持。规定列组合的宽度。  
  
***
## 全局属性
<colgroup> 标签支持 HTML 的全局属性。
***
## 事件属性
<colgroup> 标签支持 HTML 的事件属性。

前一篇:HTML<col>标签后一篇:HTML<command>标签