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生效了,尽量不用吧。