表格布局

简单的课程表布局。

效果图:

课程表

下面为简单的代码:

<html>
<head>
 <title>titele</title>
</head>
<body>
 <table width=”600px” cellspacing=5 cellpadding=5 align=center border=1px bordercolor=”blue”>
 <caption>课程表</caption>
 <tr ><th >项目</th><th colspan=5>上课</th><th colspan=2>休息</th></tr>
 <tr align=center><td>星期</td><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期日</td></tr>
 <tr align=center><td rowspan=4>上午</td><td>语文</td><td>数学</td><td>英语</td><td>政治</td><td>体育</td><td>音乐</td><td rowspan=4>休息</td></tr>
 <tr align=center><td>英语</td><td>化学</td><td>物理</td><td>音乐</td><td>数学</td><td>政治</td></tr>
 <tr align=center><td>英语</td><td>化学</td><td>物理</td><td>音乐</td><td>数学</td><td>政治</td></tr>
 <tr align=center><td>英语</td><td>化学</td><td>物理</td><td>音乐</td><td>数学</td><td>政治</td></tr>
 <tr align=center><td rowspan=2>下午</td><td>语文</td><td>数学</td><td>英语</td><td>政治</td><td>体育</td><td>音乐</td><td rowspan=2>休息</td></tr>
 <tr align=center><td>语文</td><td>数学</td><td>英语</td><td>政治</td><td>体育</td><td>音乐</td></tr>

 </table>

</body>

 </html>

注:bordercolor的设置可以给边框添加颜色。

标签

发表评论