HTML+CSS课表(可复制源码)

于 2024-10-10 10:07:49 发布
阅读量953 收藏 13
点赞数 17
文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50864141/article/details/142814051
版权

效果展示

首发在公众号[小白讲前端] 欢迎关注

源码

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>大学课表咯~</title>
    <style >
        td {
            border-radius: 4%;
            color: #333333;
        }
    </style>
</head>

<body>
    <font color="#ffffff">
        <table border="0" width="600" align="center" height="630" bgcolor="#e0eaff"> <!-- 背景色改为淡蓝色 -->
            <tr align="middle">
                <td width="30"></td>
                <td width="50" align="center" height="30">周一</td>
                <td width="50" align="center" height="30">周二</td>
                <td width="50" align="center" height="30">周三</td>
                <td width="50" align="center" height="30">周四</td>
                <td width="50" align="center" height="30">周五</td>
            </tr>
            <tr align="middle">
                <td>1</td>
                <td bgcolor="#ffe0e0" rowspan="2">网页设计原理基础</td> <!-- 淡粉色 -->
                <td height="60" rowspan="2"></td>
                <td height="60" bgcolor="#b0e0e6" rowspan="2">JavaScript</td> <!-- 浅蓝色 -->
                <td height="60" rowspan="2"></td>
                <td height="60" rowspan="2"></td>
            </tr>
            <tr align="middle">
                <td>2</td>
            </tr>
            <tr align="middle">
                <td>3</td>
                <td bgcolor="#b0e0e6" rowspan="2" align="middle">大学英语三</td> <!-- 浅蓝色 -->
                <td bgcolor="#e0ffe0" rowspan="2">孵化创业</td> <!-- 淡绿色 -->
                <td bgcolor="#ffefff" rowspan="2">网络互联</td> <!-- 淡紫色 -->
                <td height="60" rowspan="2"></td>
                <td bgcolor="#ffffb0" rowspan="2">计算机网络原理</td> <!-- 柠檬黄色 -->
            </tr>
            <tr align="middle">
                <td>4</td>
            </tr>
            <tr align="middle">
                <td>5</td>
                <td height="60" bgcolor="#ffefff" rowspan="2">JavaScript</td> <!-- 淡紫色 -->
                <td bgcolor="#ffe0e0" height="60" rowspan="2">java编程基础</td> <!-- 淡粉色 -->
                <td height="60" rowspan="2"></td>
                <td bgcolor="#b0e0e6" height="60" rowspan="4">操作系统原理</td> <!-- 浅蓝色 -->
                <td bgcolor="#ffe0e0" height="60" rowspan="2">java编程基础</td> <!-- 淡粉色 -->
            </tr>
            <tr align="middle">
                <td>6</td>
            </tr>
            <tr align="middle">
                <td>7</td>
                <td bgcolor="#ffffb0" height="60" rowspan="2">体育</td> <!-- 柠檬黄色 -->
                <td bgcolor="#b0e0e6" height="60" rowspan="2">数据库原理</td> <!-- 浅蓝色 -->
                <td height="60" rowspan="2"></td>
                <td height="60" rowspan="2"></td>
            </tr>
            <tr align="middle">
                <td>8</td>
            </tr>
            <tr align="middle">
                <td>9</td>
                <td bgcolor="#e0ffe0" height="60" rowspan="2">数据结构基础</td> <!-- 淡绿色 -->
                <td height="60" rowspan="2"></td>
                <td height="60" rowspan="2"></td>
                <td height="60" bgcolor="#ffffb0" rowspan="2">班会</td> <!-- 柠檬黄色 -->
                <td height="60" rowspan="2"></td>
            </tr>
            <tr align="middle">
                <td>10</td>
            </tr>
        </table>
    </font>
</body>

</html>
小白讲前端
关注
课程表应用源码
09-18
一个课程表应用的源码，类似超级课程表，适合新手练习学习。
课表HTML源码
07-13
加入css的炫彩课表，加有 时钟效果
Web:学生课程表表格/用户注册表单
ZzzWClock的博客
06-18 2995
一.学生课程表 1.课程表模样 2.课程表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
课程表源码
10-20
仿超级课程表的课表界面实现。
学生课程表源代码
03-04
学生课程表源代码，非常实用，绝对值得学习的代码。
课程表Android源码.
03-01
课程表Android源码. 我作为培训生在培训时候，接触和自己做的源码，分享一下， 为了高薪就业，我花了不少心血去参加培训，在培训中，也下了很大的功夫 ，学会了太多太多，就业之后才发现，会的东西还是太少， 真正的就业了，才发现，应该抓紧时间，多会写东西，然后追逐自己的利益， 得到自己的升职加薪。我们可以的。自学很多知识 ，在这里分享一下，在北上广深大公司们， 从小功能开始的编码之路。值得我拿出来分享， 课程表Android源码.
android课程表源码
11-26
android课程表源代码，写的比较粗糙，功能实现了，但代码可读行差，很久以前写的，时间问题就没去改，见谅。
尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频尚品汇项目源码
03-06
【标题】中的“尚硅谷前端入门html+css零基础教程”指的是一个由尚硅谷教育机构提供的，面向初学者的前端开发课程，主要涵盖了HTML（超文本标记语言）和CSS（层叠样式表）的基础知识。这个教程是为那些对前端开发...
基于Flask框架的Python+HTML+CSS商城课程设计源码
10-01
该项目是一款基于Flask框架的Python+HTML+CSS商城课程设计源码，包含31个文件，其中包括13个JPG图片文件、9个Python源代码文件、3个HTML文件、2个CSS样式表文件、1个Git忽略规则文件、1个许可协议文件和1个Markdown...
Android课程表源码
10-12
是基于android开发的类似与超级课程表的课程表app。
安卓课程表源码
02-20
一个课程表的开发，很实用的android实战练习项目哦
日记课程表源码.zip
07-10
日记课程表源码是一个在校生写的课程安排与日志记录程序源码，东西很基础，基本上就是拼控件。唯一有点技术点的东西恐怕只有sqlite了。  
超级课程表源码(fang)
08-20
实现了教务查询、活动投票、图书查询、失物招领、跳骚市场、聊天机器人等功能。数据来源是使用的学校的教务系统的数据
直接发邮件的简洁课程表源码.zip
07-10
直接发邮件的简洁课程表源码主界面只有一个我的课程界面，点击以后会很拉风的在上方飞出一个表格，点击任意表格可以填写周一到周五的课程每天最多8节（很明显这一设定把有早晚自习的高中生用户排挤在外了）。保存的时候邮箱会验证合法性，一开始的邮箱正则验证有问题我纠正了一下，另外发邮件界面弹出不输入法框来比较蛋疼，其余的功能还算正常，项目不大比较简单注释较多，项目编码GBK 默认编译版本2.3.3有需要的朋友可以下载研究一下。   
仿华为商城部分前端界面html+css+js
06-28
其次，CSS（层叠样式表）是用于美化HTML元素并控制页面视觉效果的工具。在这个项目中，CSS将被用来设定颜色、字体、布局、响应式设计等。开发者可能使用类选择器、ID选择器或者伪类来定位特定的HTML元素，并应用相应...
基于SSM架构的HTML+JavaScript+CSS+Java+PHP的精品课程网站设计源码
最新发布
10-08
源码文件共计418个，其中包含164个JavaScript文件、41个CSS样式表文件、34个JSP页面文件、33个JPG图片文件、33个JAVA源代码文件、32个PNG图片文件、29个HTML文件、11个XML配置文件、10个Markdown文件、4个映射文件。...
HTML+CSS+JavaScript网页制作案例教程（第2版）-教学大纲.zip
07-06
二、CSS（层叠样式表） CSS是用于控制网页外观和布局的关键技术。本部分将深入讲解CSS选择器、盒模型、定位、响应式设计等核心概念。学生将学会使用CSS来美化HTML元素，实现颜色、字体、布局的控制，以及如何创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小白讲前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值