align 属性规定与 col 元素相关的内容的水平对齐方式, <col>标签为 <colgroup>元素内的每一列指定列属性, <col>标签对于将样式应用于整个列很有用,而不是为每一行的每个单元格重复样式。
使用<colgroup>和<col>标记设置三列的背景色:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <col> align 属性使用-菜鸟教程(cainiaoplus.com)</title>
<style>table, th, td { border: 1px solid black;}</style>
</head>
<body>
<table>
<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>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</body>
</html>测试看看 ‹/›IEFirefoxOperaChromeSafari
只有 Opera 和 Internet Explorer 8 以及更早的IE版本支持 align属性(IE9不支持该属性)。
HTML5 不支持 <col> align 属性。
align 属性规定与 col 元素相关的内容的水平对齐方式。
<col>标记为<colgroup>元素内的每一列指定列属性 。
<col>标记对于将样式应用于整个列很有用,而不是为每一行的每个单元格重复样式。
<col align="left|right|center|justify|char">
| 值 | 描述 |
|---|---|
| left | 左对齐内容(默认值)。 |
| right | 右对齐内容。 |
| center | 居中对齐内容(th 元素的默认值)。 |
| justify | 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。 |
| char | 将内容对准指定字符。 |