col标签为表格中一个或多个列定义属性值。
colgroup标签用于对表格中的列进行组合，以便对其进行格式化。
它们的作用主要就是来控制单元格的宽度了，这样省去单独定义每个单元格的麻烦，过去我们往往是在第一行中的th或者td上定义宽度来规定每列的宽度，而col不但可以定义宽度还能同时定义其他的属性，例如可以通过col来控制几列宽度的总和，还可以控制这列的背景色。但理想是丰满的，现实是骨干的，正如前面所说，功能越大不代表其兼容性也越强，据现有的测试下来，col和colgroup能发挥作用还能保证兼容的应用就只有俩：width和background。对于width，个人宁愿使用常规方式，第一行设置宽度，保证列宽。对于bacground，一般实际中表格大面积使用不同背景的情况也很少见。故个人认为：能不用尽量不用。
<html>
<body>
<TABLE border=1 span="3" width="600px">
<COLGROUP bgcolor="red" span=3>
<col width="150px" style="display: block">
<col width="300px" bgcolor=green>
<col width="150px">
</COLGROUP>
<TBODY>
<TR>
<TD>1111</TD>
<TD>222</TD>
<TD>3333</TD>
</TR>
<TR>
<TD>1111</TD>
<TD>222</TD>
<TD>3333</TD>
</TR>
<TR>
<TD>1111</TD>
<TD>222</TD>
<TD>3333</TD>
</TR>
</TABLE>
</body>
</html>
分享到：
相关推荐
在HTML中，定义表格样式可以使用多种方式，其中一种方式是使用th、colgroup、col元素来定义表格的样式。th元素用于定义表格的表头单元格，colgroup元素用于定义表格的列组，col元素用于定义表格的列样式。 在样式...
20、<colgroup> 定义表格列的分组。 21、<command> 定义命令按钮。 22、<datalist> 定义下拉列表。 23、<dd> 定义定义的描述。 24、<del> 定义删除文本。 25、<details> 定义元素的细节。 声明：本电子书内容源于...
* colgroup：定义表格列的分组 * dd：定义定义的描述 * del：定义删除文本 * dfn：定义定义项目 * div：定义文档中的一个部分 * dl：定义定义列表 * dt：定义定义的项目 * em：定义强调文本 * embed：定义外部交互...
* `<col>`: 定义一个列组中的列，以便对它们能够同时设置有关属性。 * `<colgroup>`: 定义多个列为一组列。 列表标记 * `<dl>`: 定义列表。 * `<dt>`: 放在每个定义术语词前。 * `<dd>`: 放在每个定义之前。 其他...
4. COL 和 COLGROUP 元素支持：IE8 中不再支持 COL 及 COLGROUP 元素的部分属性及为其设定的 CSS 特性。解决办法是，使用其他方法来实现表格布局。 CSS 1. 方框模型溢出内容：在 IE6-IE7 中，方框模型溢出内容现与...
本文实例讲述了jQuery实现动态给table赋值的方法。...html 请忽视各种class，因为前端用的是layui <colgroup> <col width=150> <col width=200> <col> </colgroup> 昵称 加入时间 签名 </thead>
HTML 4 HTML （非XHTML），MIME type 为 text/html ，允许省略一些标签。...</colgroup> <head> </head> <html> </html> </input> </link> </meta> </
9.6 表格的按列分组显示(colgroup元素、col元素) 9.6.1 创建列分组(colgroup元素) 9.6.2 使用span属性指定列分组 9.6.3 为列分组定义列宽(width属性) 9.7 表格边框和分隔线的呈现(frame属性、rules属性) 9.7.1 表格...
昨天的《利用th,colgroup,col定义表格样式》中，细心点的朋友会发现加了一个“运行代码”的链接：直接点击可以运行Textarea中的内容。其实本身蓝色理想、51JS上也有相关介绍，Z-Blog官方论坛上也有类似帖子，因为...
不允许写结束标记的标签：area(定义图像映射中的区域)、base(为页面上的所有链接规定默认地址或默认目标)、br、col(为表格中一个或多个列定义属性值)、embed(定义嵌入的内容，比如插件–5)、hr、img、input、keygen...
解释：表格中可以包含 TBODY 元素、CAPTION 元素、多个 TBODY 元素、COLGROUP 元素和 COL 元素。 10. 关于 IE 的 window 对象表述正确的有： 正确答案：ACD 解释：window.opener 属性本身就是指向 window 对象；...
增强功能：增强参数“平行= TBS：表”现在支持，，<COLGROUP>和<COL>。在<COL>标签必须关闭，即使HTML实际上允许未关闭的标签。通过参数“ATT”当一组其他字段，字段的增强更好地管理移动。参数“ATT”可以使TBS领域...
HTML标签； <meta>属性Content,name,scheme <!DOCTYPE> 属性coords,shape, 属性 属性 <area>属性 属性 属性 <...<col>属性 <colgroup> <command> <datalist> <d
<colgroup> <col style="width: 80px;" /> <col /> </colgroup> ,font-size:18px" > ,font-size:18px" >送 货 单 ,font-size:18px"> ...
表，thead，tfoot，tbody，th，tr，td，col，colgroup，标题 html，头，正文，脚本，样式，链接，元，标题 可用班级 按钮，中断，自定义 跨度，段落 粗体，强壮，斜体，强调 标记，较小，已删除，已插入 下标，上标...
首先时飘忽不定的collapse的border，ie6偏偏有一个地方与其他浏览器表现不同，一条丑陋的border不管怎么样都显示... 同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, T
<colgroup><col width="110" /><col /></colgroup> <th> <dt><a href="javascript:void(0);" class="btn files"> ();" /> （未选择文件） ...