欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  在创建HTML表时,colspan属性可以与<td>和<th>元素一起使用。
 
  colspan属性与<td>标签一起使用时,colspan属性决定了它应该跨越的标准单元格的数量。
 
  colspan属性与<th>标签一起使用时,colspan属性决定了它应该跨越的标题单元格的数量。
 
  我们来看具体的示例
 
  与<td>标签一起使用
 
  代码如下
 
  
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <title>HTMLcolspan</title>
 
  <style>
 
  table,th,td{
 
  border:1pxsolidblack;
 
  border-collapse:collapse;
 
  padding:6px;
 
  }
 
  </style>
 
  </head>
 
  <bodystyle="text-align:center">
 
  <table>
 
  <tr>
 
  <th>名称</th>
 
  <th>价格</th>
 
  </tr>
 
  <tr>
 
  <td>樱桃</td>
 
  <td>$10</td>
 
  </tr>
 
  <tr>
 
  <td>草莓</td>
 
  <td>$8</td>
 
  </tr>
 
  <!--最后一行-->
 
  <tr>
 
  <!--此td将跨越两列,即单个列将占用2的空间-->
 
  <tdcolspan="2">总价:$18</td>
 
  </tr>
 
  </table>
 
  </body>
 
  </html>





本文转载自中文网


 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55825.shtml