课程表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .name{
            height: 100px;
            /*background-color: #dddddd;*/
            position: relative;
            margin: 0 auto;
            text-align: center;
        }
        .content{
            position: relative;
            text-align: center;
            left: 440px;
        }
        table, th, td{
            border: solid 1px blue;
        }
    </style>
</head>
<body>
    <div class="name"><h3>课程表</h3></div>
    <div class="content">
        <table>
            <thead>
                <tr>
                    <th>项目</th>
                    <th colspan="5">上课</th>
                    <th colspan="2">休息</th>
                </tr>
                <tr>
                    <th>星期</th>
                    <th>星期一</th>
                    <th>星期二</th>
                    <th>星期三</th>
                    <th>星期四</th>
                    <th>星期五</th>
                    <th>星期六</th>
                    <th>星期日</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td rowspan="4">上午</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td>语文</td>
                    <td rowspan="4">休息</td>
                </tr>
                <tr>
                    <!--<td>数学</td>-->
                    <td>数学</td>
                    <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>
                    <td>英语</td>
                    <!--<td>英语</td>-->
                </tr>
                <tr>
                    <!--<td>物理</td>-->
                    <td>物理</td>
                    <td>物理</td>
                    <td>物理</td>
                    <td>物理</td>
                    <td>物理</td>
                    <td>物理</td>
                    <!--<td>物理</td>-->
                </tr>
                <tr>
                    <td rowspan="2">下午</td>
                    <td>化学</td>
                    <td>化学</td>
                    <td>化学</td>
                    <td>化学</td>
                    <td>化学</td>
                    <td>化学</td>
                    <td rowspan="2">休息</td>
                </tr>
                <tr>
                    <td>生物</td>
                    <td>生物</td>
                    <td>生物</td>
                    <td>生物</td>
                    <td>生物</td>
                    <td>生物</td>
                    <!--<td>生物</td>-->
                </tr>
            </tbody>
        </table>

    </div>
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容