<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>课表</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
td{
text-align: center;
}
.math{
width: 90px;
height: 250px;
}
.more{
width: 60px;
}
.time{
width: 110px;
}
.emp{
width: 60px;
}
.cour{
width: 108px
}
.col{
background-color: rgba(224,221,255,0.9);
}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="" >
<tr>
<td rowspan="6" class="math">数学</td>
<td rowspan="2" class="more">上午</td>
<td class="time">8:00-8:50</td>
<td rowspan="2" class="emp">-</td>
<td class="cour">晨读+测试</td>
<td class="cour">晨读+测试</td>
<td class="cour">晨读+测试</td>
<td class="cour">晨读+测试</td>
<td class="cour">晨读+测试</td>
</tr>
<tr>
<td>9:00-12:00</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr class="col">
<td rowspan="2">下午</td>
<td>13:45-14:00</td>
<td rowspan="2">报道</td>
<td>课前热身</td>
<td>课前热身</td>
<td>课前热身</td>
<td>课前热身</td>
<td rowspan="2">闭营仪式</td>
</tr>
<tr class="col">
<td>14:00-17:00</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<td rowspan="2">晚上</td>
<td>19:00-20:00</td>
<td rowspan="2">开营</td>
<td rowspan="2">1对1课程<br>指导&答疑</td>
<td>成功学员<br>经验分享</td>
<td>知名高校<br>招生准则</td>
<td>趣味辩论赛</td>
<td rowspan="2">-</td>
</tr>
<tr>
<td>20:00-22:00</td>
<td>备考指导<br>&师资答疑</td>
<td>备考指导<br>&师资答疑</td>
<td>备考指导<br>&师资答疑</td>
</tr>
</table>
</body>
</html>
html-课程表
原创
©著作权归作者所有:来自51CTO博客作者JackieDYH的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
凌鸥学园电机课程表为您开放学习 电机 电源
-
JS拖拽功能的简单实现以及课程表拖拽排课
利用浏览器提供的拖拽API实现拖拽功能
拖拽 事件处理 拖拽操作 拖拽事件 -
html菜单和课程表
菜单: 课程表:
HTML基础 前端学习