用HTML写一个超级课程表页面
首先给大家展示一下效果图,他家可以根据自己的喜好,换成自己喜欢的颜色 看到这个图可以把它肯成一个大的表格来进行做,将一些单元格进行相应的合并就可以达到上面所期望的图片效果,然后在用css选择器进行颜色的修饰,最终可以达到上图的效果。 下面我来一起看下代码部分:
课表
td,tr{
/* border: 1px solid red; */
width: 35px;
height: 35px;
font-size: 3px;
table-layout: fixed;
word-break:break-all;
vertical-align: top;
margin:0px;
border:0px;
padding: 0px;
text-align: center;
}
.one{width: 200px;
text-align: center;}
.green{
background-color: rgb(175,236,53);
color: white;
}
.green2{
background-color: rgb(89,240,163);
color: white;
}
.purple{
background-color: rgb(171,145,255);
color: white;
}
.red{
background-color: rgb(255,147,147);
color: white;
}
.white{
background-color: rgb(234,239,245);
color: white;
}
第三周大二第二学期
|