TABLE 的 COL 及 COLGROUP 元素

来源：互联网发布：吸尘器手持卧式知乎编辑：程序博客网时间：2024/05/21 20:29

IE8(S) Firefox Chrome Safari 不再支持 COL 及 COLGROUP 元素的部分属性及为其设定的 CSS 特性

COLGROUP 元素指定表格中一列或一组列的默认属性。

COL 指定基于列的表格默认属性

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>table-colgroup</title></head><body><table border="1" width="2500" height="500"><colgroup><col span="2" style="background:pink;"><col width="300"><col style="color:blue;"><col style="width:300px;"><col align="left" ><col align="center" style="text-decoration:underline;"><col align="right" style="font-size:20px;font-family:Courier New"><col align="justify" style="cursor:pointer"><col valign="top"><col valign="middle"><col valign="bottom" style="padding:20px;"><col valign="baseline" ></colgroup><tr><td>span="2"</td><td>span="2"</td><td>width="300"</td><td>color:blue;</td><td>width:300px</td><td>align="left"</td><td>align="center"</td><td>align="right"</td><td>align="justify"</td><td>valign="top"</td><td>valign="middle"</td><td>valign="bottom"</td><td>valign="baseline"</td></tr><tr><td>span="2"</td><td>span="2"</td><td>width="300"</td><td>color:blue;</td><td>width:300px</td><td>align="left"</td><td>align="center"</td><td>align="right"</td><td>align="justify"</td><td>valign="top"</td><td>valign="middle"</td><td>valign="bottom"</td><td>valign="baseline"</td></tr></table></body></html>

参考：http://www.w3help.org/zh-cn/causes/HE1004

结论如下：

ps：意思就是想整列的定义样式，只有width和background生效了，尽量不用吧。

阅读全文

0 0