简单课程表前端设计
废话不多说，上代码 ^0^
<!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>Document</title><style>.mytb {background-color: rgb(17, 217, 44);border-radius: 15px;border: 10px;}.mycap {background-color: rgb(227, 166, 11);border-radius: 15px;font-size: 28px;}.myth {background-color: brown;border-radius: 15px;}.mytd {background-color: azure;border-radius: 15px;}.mycourse {border-color: #fff;border-style: groove;border-radius: 15px;}</style></head><body><table class="mytb"><caption class="mycap">2022年下学期课程表</caption><thead><tr><th></th><th class="myth">星期一</th><th class="myth">星期二</th><th class="myth">星期三</th><th class="myth">星期四</th><th class="myth">星期五</th><th class="myth">星期六</th><th class="myth">星期日</th></tr></thead><tbody><tr><td rowspan="4" class="mytd">上午</td><td class="mycourse">语文</td><td class="mycourse">数学</td><td class="mycourse">数学</td><td class="mycourse">语文</td><td class="mycourse">地理</td><td rowspan="4" class="mytd">放假</td><td rowspan="4" class="mytd">放假</td></tr><tr><td class="mycourse">数学</td><td class="mycourse">地理</td><td class="mycourse">语文</td><td class="mycourse">物理</td><td class="mycourse">英语</td></tr><tr><td class="mycourse">化学</td><td class="mycourse">语文</td><td class="mycourse">历史</td><td class="mycourse">数学</td><td class="mycourse">历史</td></tr><tr><td class="mycourse">历史</td><td class="mycourse">化学</td><td class="mycourse">地理</td><td class="mycourse">英语</td><td class="mycourse">化学</td></tr><tr><td colspan="9" align="center" class="mytd">午间休息</td></tr><tr><td rowspan="3" class="mytd">下午</td><td class="mycourse">体育</td><td class="mycourse">英语</td><td class="mycourse">音乐</td><td class="mycourse">历史</td><td class="mycourse">化学</td><td rowspan="2" class="mytd">放假</td><td rowspan="2" class="mytd">放假</td></tr><tr><td class="mycourse">英语</td><td class="mycourse">地理</td><td class="mycourse">音乐</td><td class="mycourse">英语</td><td class="mycourse">体育</td></tr><tr></tr></tbody><p></p><tfoot><tr><td colspan="9" align="center">PHP 中文网@<a href="php.cn">php.cn</a></td></tr></tfoot></table></body></html>
效果如下图：
