站内搜索

 

精品内容

html设定跨多行多列单元格

[ 来源:互联网 | 作者: | 时间:2008-05-09 | 浏览: 人次 ]

 要创建跨多行、多列的单元格,只需在<TH>或<TD>中加入ROWSPAN或COLSPAN属性的属性值,默认值为1。表明了表格中要跨越的行或列的个数。

   跨多列的语法: <th colspan=#> <td colspan=#>

  colspan表示跨越的列数,例如colspan=2表示这一格的宽度为两个列的宽度。

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

实例:

<html>
<head>
<title>跨多行跨多列的单元格</title>
</head>
<body>
<center>
<table border=10 width=80% align="center" height="150" background="../../imge/b0024.gif" bordercolorlight="#9999FF" bordercolordark="#9900CC">

<TR ALIGN=center>
<TH colspan=3> 学生基本信息</TH>
<TH colspan=2>成 绩</TH>
</TR>

<TR ALIGN=center>
<TH>姓 名</TH>
<TH>性 别</TH>
<TH>专 业</TH>
<TH>课 程</TH>
<TH>分 数</TH>
</TR>

<TR ALIGN=center>
<TD>咚 咚</TD>
<TD>男</TD>
<TD rowspan=2>计算机</TD><TD rowspan=2>程序设计</TD>
<TD>68</TD>
</TR>

<TR ALIGN=center>
<TD>喃 喃</TD>
<TD>女</TD>
<TD>89</TD>
</TR>

</table>
</body>
</html>

效果:

学生基本信息 成 绩
姓 名 性 别 专 业 课 程 分 数
咚 咚 计算机 程序设计 68
喃 喃 89

最新评论 共有有 0 位网友发表了评论

发表评论

评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名:(注册)
密码:
验证码:
匿名?