<!DOCTYPE html><html lang="zh-CN"><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>0704</title></head><body><!-- 这行代码是为了让表格线之间没有间隙 --><style> table{border-collapse:collapse}</style><table width="600" border="1" align="center" style="text-align:center"> <caption>2020年第一学期课程表</caption> <thead> <tr> <th>时间</th> <th>课时</th> <th>节数</th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> <th>周六</th> </tr> </thead> <tbody> <tr> <td rowspan="4" bgcolor="yellow">上午</td> <td>45分钟</td> <td>第一节</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> </tr> <tr> <td>45分钟</td> <td>第二节</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> </tr> <tr> <td>45分钟</td> <td>第三节</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> </tr> <tr> <td>45分钟</td> <td>第四节</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> </tr> <tr> <td colspan="9" bgcolor="yellow">午休</td> </tr> <tr> <td rowspan="2" bgcolor="yellow">下午</td> <td>45分钟</td> <td>第一节</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> </tr> <tr> <td>45分钟</td> <td>第二节</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> </tr> <tr> <td colspan="9" bgcolor="yellow">值日生打扫卫生</td> </tr> </tbody></table></body></html>
代码实现效果展示
