使用CSS控制表格设计出课程表实验内容:编写一个网页,内容为本学期本班的课程表,并使用CSS设计课程表的显示样式

(1)编写一个网页,内容为课程表表格;

(2)使用CSS美化

先来看看效果:

使用CSS控制表格设计出课程表实验内容:编写一个网页,内容为本学期本班的课程表,并使用CSS设计课程表的显示样式_第1张图片

 

1.html


        实验1.2 使用CSS控制表格设计出课程表
        
    
    
        
节次/周次 星期一 星期二 星期三 星期四 星期五
第一节 单片机 web程序设计 操作系统 web程序设计
第二节
第三节 形势与政策 编译原理 单片机原理与应用 编译原理 计算机网络安全
第四节
第五节 操作系统
就业与创业指导
计算机网络安全
第六节
第七节
第八节

2.css

table{
    color:whitesmoke;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    margin-left:220px;
    width:980px;
    height:200px;
    border-color: cornflowerblue;
  }
  
  ._1234{
    background-color: black;
  }
  
  ._5678{
    background-color: green;
  }
  
  .course{
    background-color: #3b769d;
  }
  .head{
    background-color: #859d95;
  }
  

你可能感兴趣的:(Javaweb实验,css,html,html5)