当前位置导航：炫浪网>>网络学院>>网页制作>>HTML与CSS教程

HTML教程-跨多行、多列的表元

　　要创建跨多行、多列的表元，只需在<TH>或<TD>中加入ROWSPAN或COLSPAN属性，这两个属性的值，表明了表元中要跨越的行或列的个数。

　跨多列的表元 <th colspan=#>　<td colspan=#>
　　colspan表示跨越的列数，例如colspan=2表示这一格的宽度为两个列的宽度。

　跨多行的表元 <th rowspan=#>　<td rowspan=#>　
　　rowspan所要表示的意义是指跨越的行数，例如rowspan=2就表示这一格跨越表格两个行的高度。

跨多列的表元

<html>
<head>
<title>表格TABLE</title>
</head>
</html>

<table border>

<tr><th colspan=3>值班人员 </th>

<tr><th>星期一</th>       <th>星期二</th>  <th>星期三</th>

<tr><td>李强</td><td>张明</td><td>王平</td>

</table>

跨多行的表元

<html>
<head>
<title>表格TABLE</title>
</head>
</html>

<table border>

<tr><th rowspan=2>值班人员</th>

<th>星期一</th><th>星期二</th>  <th>星期三</th></tr>

<tr><td>李强</td><td>张明</td><td>王平</td></tr>

</table>
上一篇：HTML教程-表格的颜色 下一篇：HTML教程-表格内文字的对齐/布局
相关内容
[更多]
赞助商链接