首先我们先来看下HTML中col标签的含义:
<col>标签为表格中一个或多个列定义属性值。
如需对全部列应用样式,<col>标签很有用,这样就不需要对各个单元和各行重复应用样式了。
您只能在table或colgroup元素中使用<col>标签。
提示:col元素是仅包含属性的空元素。如需创建列,您就必须在tr元素内部规定td元素。
提示:如果您希望在colgroup内部为每个列规定不同的属性值时,请使用此元素。如果没有col元素,列会从colgroup那里继承所有的属性值。
这有一个关于HTMLcol标签的汉字居中实例:
<html>
<body>
<tableborder="2">
<colspan="2"style="color:red">
<colstyle="color:blue">
<colalign="left">
<tr>
<td>红色</td>
<td>红色</td>
<td>蓝色</td>
</tr>
<tr>
<td>红色</td>
<td>红色</td>
<td>蓝色</td>
</tr>
</table>
</body>
</html>
效果如图
tuer.png
这样就可以给每一列设置样式,而不用在每个td里面设置。
第一二两列是红的。第三列是蓝的。但是它们都是居中的,格式太小了,有点看不出来。不过知道了就行了
再看一个关于HTML中col标签的例子:
col元素为表格中的三个列规定了不同的对齐方式:
<tablewidth="100%"border="1">
<colalign="left"/>
<colalign="left"/>
<colalign="right"/>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>MyfirstHTML</td>
<td>$53</td>
</tr>
</table>

本文转载自中文网

本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h54790.shtml