如何使用Html制作课程表
构建环境,在VScode中添加一个.html的后缀名
tip:命名最好用英文
搭建框架
使用table表格来设置表格
快速生成
添加数据
tr是列元素
td是行元素
给课表中的字体设置颜色
使用CSS在style中给字体设置颜色
给课表设置不同风格的边框
给课程表设置边框
最终结果
代码
全部代码 内联代码片。
td{
/* 设置边框颜色 */
border-color:springgreen skyblue pink;
/* 边框大小 */
border-width: 8px;
/* 边框类型 solid(实线) dotted(虚点线) dashed(虚直线) double(双线)*/
border-style: double;
/* 设置字体的颜色 */
color:blueviolet;
/* 设置字体的大小 */
font-size: 30px;
}
| 星期 | 星期一 | 星期二 | 星期三 | 星期四 | 星期五 | 星期六 | 星期日 |
| 1 | 计算机网络 | 大学物理 | Python爬虫 | 无 | 计算机网络 | 无 | 无 |
| 2 | Python爬虫 | 概率论与数理统计 | 无 | 大学英语 | 体育 | 无 | 无 |
| 3 | 数组逻辑 | 马克思主义 | 无 | 大学物理实验 | 形势与政策 | 无 | 无 |
| 4 | 数字逻辑实验 | 无 | 无 | 无 | 大学英语 | 无 | 无 |