<colgroup>实例(169it.com)
<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> 标签。
标签定义及使用说明
<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。
通过使用 <colgroup> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。
注释：只能在 <table> 元素之内，在任何一个 <caption> 元素之后，在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签。
提示：如果想对 <colgroup> 中的某列定义不同的属性，请在 <colgroup> 标签内使用 <col> 标签。
col标签为表格中一个或多个列定义属性值。colgroup标签用于对表格中的列进行组合，以便对其进行格式化。
它们的作用主要就是来控制单元格的宽度了，这样省去单独定义每个单元格的麻烦，过去我们往往是在第一行中的th或者td上定义宽度来规定每列的宽度，而col不但可以定义宽度还能同时定义其他的属性，例如可以通过col来控制几列宽度的总和，还可以控制这列的背景色。但理想是丰满的，现实是骨干的，正如前面所说，功能越大不代表其兼容性也越强，据现有的测试下来，col和colgroup能发挥作用还能保证兼容的应用就只有俩：width和background。对于width，个人宁愿使用常规方式，第一行设置宽度，保证列宽。对于bacground，一般实际中表格大面积使用不同背景的情况也很少见。
HTML 4.01 与 HTML5之间的差异
HTML5 中不再支持 HTML 4.01 中的大部分属性。
属性
HTML <colgroup> 标签的 width 属性
width 属性规定列组的宽度。通常，列组占用的空间就是它显示内容需要的空间。width 属性用于为单元格设置预定义的宽度。该属性会被 col 元素中的任何宽度设置覆盖。目前没有主流浏览器支持该属性的 relative_length 值。
width 属性语法
<colgroup width="value">
width 属性属性值
值 描述
pixels 设置以像素计的宽度值（例子：width="50"）。
percent 设置以包围元素的百分比计的宽度值（例子：width="50%"）。
relative_length 把可用像素分配到各部分。
relative_length 值
假如表格的宽度是 100 像素，第一个列组是 20 像素，第二个列组是 50%，那么剩余的可用像素是 30 像素。
如果可用像素是 30px，那么可以设置部分一为 "1*"，部分二为 "2*"，这将被解释为 10 和 20 像素（"1*" 为部分一，"2*" 为部分二）。
HTML <colgroup> 标签的 width 属性详细用法举例:
<table border="1">
<colgroup span="2" width="100" />
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
<colgroup> 标签支持 HTML 的全局属性。
<colgroup> 标签支持 HTML 的事件属性。
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <colgroup> 标签
