在平时网页制作中,排版都是比较复杂的.这就使用表格的跨行属性ROWSPAN以及表格的跨列属性COLSPAN。本文就来讲解一下这二个属性的使用.

第一,我们行看看跨行属性ROWSPAN

基本语法

    <TD ROWSPAN=VALUE>

以上代码中的VALUE代表单元格跨的行数。

结合下面例子来学习:

通过ROWSPAN属性实现跨行的单元格。
05  <HTML>
06  <HEAD>
07  <TITLE>设定跨行的表格-www.web2bar.cn</TITLE>
08  </HEAD>
09  <BODY>
10  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11  <TR>
12  <TD>软件分类</TD><TD>软件名称</TD>
13  </TR>
14  <TR>
15  <TD RowSpan=3>网页制作软件</TD>
16  <TD>Fireworks</TD>
17  </TR>
18  <TR>
19  <TD>Dreamweaver</TD>
20  </TR>
21  <TR>
22  <TD>Flash</TD>
23  </TR>
24  </TABLE>
25  </BODY>
26  </HTML>

例子说明:第15行第一个单元格跨了3行。

第二,再来看看跨列属性COLSPAN

基本语法

     <TD COLSPAN=VALUE>VALUE代表单元格跨的列数。

结合下面例子来学习:

通过COLSPAN属性实现跨列的单元格。

05  <HTML>
06  <HEAD>
07  <TITLE>设定跨列的表格-www.web2bar.cn</TITLE>
08  </HEAD>
09  <BODY>
10  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11  <TR>
12  <TD ColSpan=2 Align="Center">网页制作软件</TD>>
13  </TR>
14  <TR>
15  <TD>网页图像软件</TD><TD>Fireworks</TD>
16  </TR>
17  <TR>
18  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
19  </TR>
20 <TR>
21  <TD>网页动画软件</TD><TD>Flash</TD>
22  </TR>
23  </TABLE>
24  </BODY>
25  </HTML>

例子说明:第12行第一个单元格跨了两列。