HTML5编写漂亮的课表

最新推荐文章于 2024-04-17 10:54:16 发布

Lora青蛙

最新推荐文章于 2024-04-17 10:54:16 发布

阅读量789

点赞数 2

分类专栏：一些前端的东西文章标签： html5 html

本文链接：https://blog.csdn.net/LoraRae/article/details/105300225

版权

一些前端的东西专栏收录该内容

3 篇文章 3 订阅

订阅专栏

效果图：
在这里插入图片描述
源代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
</head>

<body bgcolor="blanchedalmond">
    <table border="0" width="100%">
        <tr>
            <td height="120" valign="top" align="center">
                <h1>
                    <font color="cadetblue">课程表</font>
                </h1>
                <hr>
            </td>
        </tr>
        <tr>
            <td height="380" valign="top">
                <table border="1" cellspacing="2" cellpadding="19" align="center">
                    <tr bgcolor="cadetblue">
                        <th>Monday</th>
                        <th>Tuesday</th>
                        <th>Wednesday</th>
                        <th>Thursday</th>
                        <th>Friday</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td rowspan="2" bgcolor="CC99CC">大学英语</td>
                        <td rowspan="2" bgcolor="#FFFF99">数据库基础</td>
                        <td rowspan="2" bgcolor="CCFFFF">计算机网络</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td rowspan="2" bgcolor="#FFFF99">数据库系统基础</td>
                        <td rowspan="3" bgcolor="99FF66">中国近现代史纲要</td>
                        <td rowspan="3" bgcolor="FFFF33">Python程序设计</td>
                        <td rowspan="2" bgcolor="CC99CC">大学英语</td>
                        <td rowspan="2" bgcolor="CCFF99">篮球</td>
                    </tr>
                    <tr>

                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="5"></td>
                    </tr>
                    <tr>
                        <td rowspan="2" bgcolor="FFCC66">管理统计学</td>
                        <td></td>
                        <td></td>
                        <td rowspan="2" bgcolor="FF9999">Web原理及应用</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>

                    </tr>

                </table>
            </td>
        </tr>
        <tr>
            <td height="100" valign="top" align="center">
                <hr>
                Copyright @Lora
            </td>
        </tr>
    </table>
</body>

</html>

Lora青蛙

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML5编写漂亮的课表

效果图：源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <...
复制链接

扫一扫