怎样制作课程表
代码这么敲
常旭青
2016-10-03
3 回答
<!DOCTYPE HTML>
<html>
<head>
<meat http-equiv="Content-Type" content="text/html";charset=utf-8"/>
<title>课程表<title>
<style type="text/css"> table tr td{border:1px solid #000;}
</style>
</head>
<body>
<table>
<caption>课程表</caption>
<tr>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
</table>
</body>
</html>
<table>
<caption>课程表</caption>
<thead>
<tr>
<td>星期</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<tr>
</thead>
<tbody>
<tr>
<td>第一节课</td>
<td>这里写课程名</td>
<td>这里写课程名</td>
<td>这里写课程名</td>
<td>这里写课程名</td>
<td>这里写课程名</td>
</tr>
<tr>
<td>第二节课</td>
<td>这里写课程名</td>
<td>这里写课程名</td>
<td>这里写课程名</td>
<td>这里写课程名</td>
<td>这里写课程名</td>
</tr><!---以此类推-->
</tbody>
</table>
<!DOCTYPE html>
<head>
<title>课程表</title>
<style type="text/css">
body{background:#99ff99}
.box{width:110%;height:600px;border:solid 1px black}
.innerbox{width:70%; height:auto; border:dotted 2px blue;
margin:30px auto}
.innerbox:hover{box-shadow:0 0 500px #33ff00;transition:2s}
.title{width:90%; height:60px;background-color:#00ff33; text-align:center; margin-top:20px ; padding:20px;
font-family:楷体;font-size:1.5cm;
color:white;}
table{width:90%;height: 300px ;margin:30px; border-collapse:collapse}
th{border:1px solid black}
tr,td{border:1px solid black}
tr.special td{background-color:skyblue;transition:2s}
tr.special td:hover{background:red;transition:2s}
tr.special2 td{background-color:pink;transition:2s}
tr.special2 td:hover{background:purple;transition:2s}
</style>
</head>
<body>
<div class="box">
<div class="innerbox">
<div class="title">我的表格</div>
<table>
<tr class="special">
<th>周日</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
</tr>
<tr class="special2">
<td>物联网技术</td>
<td>高数</td>
<td>英语</td>
<td>C语言</td>
<td>线代</td>
<td>高数</td>
<td>NULL</td>
</tr>
<tr class="special">
<td>培训</td>
<td>C语言</td>
<td>体育</td>
<td>高数</td>
<td>物联网新技术</td>
<td>英语</td>
<td>NULL</td>
</tr>
<tr class="special2">
<td>NULL</td>
<td>C语言上机</td>
<td>线代</td>
<td>NULL</td>
<td>心理</td>
<td>口语</td>
<td>NULL</td>
</tr>
<tr class="special">
<td>NULL</td>
<td>军理</td>
<td>物联网新技术</td>
<td>NULL</td>
<td>思修</td>
<td>NULL</td>
<td>NULL</td>
</tr>
</table>
</div>
</div>
</body>
</html>
举报
0/150
提交
取消
