HTML <colgroup> 标签
示例
使用 <colgroup> 和 <col> 标签设置三列的背景颜色：
<table> <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> 标签指定表格中的一组一个或多个列进行格式化。
<colgroup> 标签可用于将样式应用于整个列，而不是为每个单元格、每一行重复样式。
注意： <colgroup> 标签必须是 <table> 元素的子元素，在任何 <caption> 元素之后和任何 <thead>、<tbody>、<tfoot> 之前， 和 <tr> 元素。
提示： 要为 <colgroup> 中的列定义不同的属性，请使用 <colgroup> 标签中的 <col> 标签。
浏览器支持
| Element |
|
|
|
|
|
|---|---|---|---|---|---|
| <colgroup> | Yes | Yes | Yes | Yes | Yes |
属性 Attributes
| 属性 Attribute | 值 Value | 描述 Description |
|---|---|---|
| span | number | 指定列组应跨越的列数 |
全局属性
<colgroup> 标签支持 HTML 中的全局属性。
事件属性
<colgroup> 标签支持 HTML 中的事件属性。
更多示例
对齐表格列中的文本（使用 CSS）：
<table style="width:100%"> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td style="text-align:right">$53</td> </tr> <tr> <td>2489604</td> <td>My first CSS</td> <td style="text-align:right">$47</td> </tr> </table>
表格列中的垂直对齐文本（使用 CSS）：
<table style="height:200px"> <tr> <th>Month</th> <th style="vertical-align:bottom">Savings</th> </tr> <tr> <td>January</td> <td style="vertical-align:bottom">$100</td> </tr> </table>
指定表格列的宽度（使用 CSS）：
<table> <tr> <th style="width:200px">Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table>
默认 CSS 设置
大多数浏览器将显示具有以下默认值的 <colgroup> 元素：
colgroup {
display: table-column-group;
}