使用table实现一个课程表

最新推荐文章于 2024-03-21 19:37:10 发布

qq_42307546

最新推荐文章于 2024-03-21 19:37:10 发布

阅读量747

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_42307546/article/details/129228650

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<table width="976px" border="1" cellspacing="0">
  <caption style="background-color:#73b9a2">课程表</caption>
  <tr>
  <td colspan="3" style=" height:45;background-color:#ef5b9c"> 姓名： </td>


  <td style="text-align:center;height:45px;background-color:#ef5b9c" colspan="3"> 班级: </td>
  </tr>
  <tr style="height:45">
    <td  style="text-align:center;height:45;background-color:#4e72b8">星期</td>
    <td style="text-align:center;background-color:#4e72b8">一</td>
    <td style="text-align:center;background-color:#4e72b8">二</td>
    <td style="text-align:center;background-color:#4e72b8">三</td>
    <td style="text-align:center;background-color:#4e72b8">四</td>
    <td style="text-align:center;background-color:#4e72b8">五</td>
  </tr>
  <tr>
    <td style="height:180px;background-color:#f15b6c;text-align:center" rowspan="4">上
      <br>
       <br>
       <br>

      午</td>
    <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>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td style="text-align:center;background-color:#7fb80e" colspan="6">下午</td>
  </tr>
  <tr>
    <td style=" height:135px;text-align:center;background-color:#f47920" rowspan="3">午休</td>
    <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>