html课程表页面

最新推荐文章于 2024-06-04 16:14:42 发布

SundayAaron

最新推荐文章于 2024-06-04 16:14:42 发布

阅读量1.7w

点赞数 2

本文链接：https://blog.csdn.net/SundayAaron/article/details/53358008

版权

web前端同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

html

8 篇文章 0 订阅

订阅专栏

HTML5

2 篇文章 0 订阅

订阅专栏

效果图：
这里写图片描述

html代码部分：

  <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>课程表</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
</head>

<body background="image/bg_pattern2.jpg">
    <table class="table table-bordered table-hover" style="margin-top:30px;">
        <caption>
            <h2 style="margin-top:40px; color:white;" align="center">课程表</h2>
        </caption>
        <thead>
            <tr class="info">
                <td align="center" valign="middle">项目</td>
                <td colspan="5" align="center" valign="middle">上课</td>
                <td colspan="2" align="center" valign="middle">休息</td>
            </tr>
        </thead>
        <tbody>
            <tr class="success">
                <td align="center" valign="middle">星期</td>
                <td align="center" valign="middle">星期一</td>
                <td align="center" valign="middle">星期二</td>
                <td align="center" valign="middle">星期三</td>
                <td align="center" valign="middle">星期四</td>
                <td align="center" valign="middle">星期五</td>
                <td align="center" valign="middle">星期六</td>
                <td align="center" valign="middle">星期天</td>
            </tr>
            <tr class="success">
                <td rowspan="4" align="center" valign="middle">上午</td>
                <td align="center" valign="middle">数学</td>
                <td align="center" valign="middle">语文</td>
                <td align="center" valign="middle">英语</td>
                <td align="center" valign="middle">数学</td>
                <td align="center" valign="middle">语文</td>
                <td align="center" valign="middle">英语</td>
                <td rowspan="4" align="center" valign="middle">休息</td>
            </tr>
            <tr class="success">
                <td align="center" valign="middle">语文</td>
                <td align="center" valign="middle">数学</td>
                <td align="center" valign="middle">语文</td>
                <td align="center" valign="middle">数学</td>
                <td align="center" valign="middle">英语</td>
                <td align="center" valign="middle">数学</td>
            </tr>
            <tr class="success">
                <td align="center" valign="middle">政治</td>
                <td align="center" valign="middle">历史</td>
                <td align="center" valign="middle">地理</td>
                <td align="center" valign="middle">政治</td>
                <td align="center" valign="middle">历史</td>
                <td align="center" valign="middle">地理</td>
            </tr>
            <tr class="success">
                <td align="center" valign="middle">物理</td>
                <td align="center" valign="middle">化学</td>
                <td align="center" valign="middle">生物</td>
                <td align="center" valign="middle">体育</td>
                <td align="center" valign="middle">美术</td>
                <td align="center" valign="middle">计算机</td>
            </tr>
            <tr class="success">
                <td class="success" rowspan="2" align="center" valign="middle">下午</td>
                <td align="center" valign="middle">英语</td>
                <td align="center" valign="middle">物理</td>
                <td align="center" valign="middle">数学</td>
                <td align="center" valign="middle">政治</td>
                <td align="center" valign="middle">体育</td>
                <td align="center" valign="middle">语文</td>
                <td rowspan="2" align="center" valign="middle">休息</td>
            </tr>
            <tr class="success">
                <td align="center" valign="middle">语文</td>
                <td align="center" valign="middle">数学</td>
                <td align="center" valign="middle">英语</td>
                <td align="center" valign="middle">物理</td>
                <td align="center" valign="middle">化学</td>
                <td align="center" valign="middle">生物</td>
            </tr>
        </tbody>
    </table>
</body>

</html>

源码下载地址：

http://download.csdn.net/download/sundayaaron/9694628

SundayAaron

关注

2
点赞
踩
28

收藏

觉得还不错? 一键收藏
0
评论
html课程表页面

效果图： html代码部分： <!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>课程表</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /></head><body background="im
复制链接

扫一扫