欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  首先我们先来看下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