HTML <colgroup> 标签
例子
使用<colgroup>和<col>标签：
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>国际标准书号</th>
<th>标题</th>
<th>价格</th>
</tr>
<tr>
<td>3476896</td>
<td>我的第一个 HTML</td>
<td>53美元</td>
</tr>
</table>
亲自尝试 »
下面有更多“自己尝试”的示例。
定义和用法
这 <colgroup> 标签指定表中一个或多个列的组，用于格式化。
这 <colgroup> 标签对于将样式应用于整个列很有用，而不是为每一行的每个单元格重复样式。
笔记： 这<colgroup> 标签必须是<table>元素之后<caption>元素和任何之前<thead> ，<tbody> ，<tfoot> ， 和<tr>元素。
提示： 要为列定义不同的属性<colgroup>， 使用 <col> 标签内的<colgroup> 标签。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <colgroup> | 是的 | 是的 | 是的 | 是的 | 是的 |
属性
| 属性 | 价值 | 描述 |
|---|---|---|
| 跨度 | 数字 | 规定列组应跨越的列数 |
全局属性
这 <colgroup> 标签还支持HTML 中的全局属性.
事件属性
这 <colgroup> 标签还支持HTML 中的事件属性.
更多示例
例子
在表格列中对齐文本（使用 CSS）：
<table style="width:100%">
<tr>
<th>国际标准书号</th>
<th>标题</th>
<th>价格</th>
</tr>
<tr>
<td>3476896</td>
<td>我的第一个 HTML</td>
<td style="text-align:right">53美元</td>
</tr>
<tr>
<td>2489604</td>
<td>我的第一个 CSS</td>
<td style="text-align:right">$47</td>
</tr>
</table>
亲自尝试 »
例子
垂直对齐表格列中的文本（使用 CSS）：
<table style="height:200px">
<tr>
<th>月</th>
<th style="vertical-align:bottom">储蓄</th>
</tr>
<tr>
<td>一月</td>
<td style="vertical-align:bottom">100美元</td>
</tr>
</table>
亲自尝试 »
例子
指定表格列的宽度（使用 CSS）：
<table>
<tr>
<th style="width:200px">月</th>
<th>储蓄</th>
</tr>
<tr>
<td>一月</td>
<td>100美元</td>
</tr>
<tr>
<td>二月</td>
<td>80美元</td>
</tr>
</table>
亲自尝试 »
相关页面
HTML DOM 参考： ColumnGroup 对象
默认 CSS 设置
大多数浏览器会显示 <colgroup> 元素具有以下默认值：
