简单制作课程表
16lz
2022-07-05
课程表制作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课程表制作</title>
<style>
table th , table td{border:1px solid rgb(204, 204, 204);}
</style>
</head>
<body>
<table style="width: 800px;margin:auto;border-collapse:collapse;text-align: center;">
<caption style="font-size:30px;font-weight:bold;color:rgb(20, 56, 153);">课程表</caption>
<thead>
<tr style="height:40px;background: rgb(49, 78, 158);color:rgb(255, 255, 253);">
<th style="width: 30px;"></th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody style="color:gray;">
<tr>
<td rowspan="3" style="font-size:15px;font-weight:bold;color:red;">上<br>午</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<td rowspan="3" style="font-size:15px;font-weight:bold;color:green;">下<br>午</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
<tr>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
<td>xxx</td>
</tr>
</tbody>
</table>
</body>
</html>
更多相关文章
- markdown使用和emmet语法
- html制作课程表格代码(用HTML5标签设计课程表)
- 使用APICloud AVM多端框架开发课程表功能
- android一些核心功能程序代码
- ASP中格式化时间短日期补0变两位长日期的方法
- 图文列表与课程表的演示
- Android中获取指定日期是星期几
- 0317作业
- Android多功能课程表项目实现(完整版)