在创建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