课程表
<!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{ margin: 0 auto; text-align:center; border-collapse: collapse;}table th,td { border: 1px solid #e7ecf1; padding:10px;}</style></head><body> <table> <caption> <h3>课程表</h3> </caption> <thead> <tr> <th>时间</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th>星期六</th> <th>星期日</th> </tr> </thead> </tobody> <tr> <td colspan="8" >上午</td> </tr> <tr> <td>一</td> <td>英语</td> <td>语文</td> <td>美术</td> <td>文体活动</td> <td>品德与生活</td> <td rowspan="3" >加班</td> <td rowspan="3">加班</td> </tr> <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></body></html>
登录
<!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>.content{ text-align: center; padding-top: 150px; width:500px; margin:0 auto;}.form-group{ padding:10px 0;}input{ width: 98%; height: 34px; padding: 1%; background-color: #fff; border: 1px solid #E4E6EF; color: #3F4254; background-clip: padding-box; border-radius: 4px;}button{ width: 100%; margin-bottom: 0; font-weight: 400; text-align: center; cursor: pointer; border: 1px solid transparent; padding: 12px; font-size: 14px; border-radius: 4px;}</style></head><body> <div class="content"> <form class="form" action="" method="post"> <div class="form-group"> <input class="input" type="text" value="" placeholder="账号" name="username"> </div> <div class="form-group"> <input class="input" type="text" value="" placeholder="密码" name="password"> </div> <div class="submit"> <button type="submit"> 登录后台 </button> </div> </form> </div></body></html>
