（1）编写一个网页，内容为课程表表格；

（2）使用CSS美化

先来看看效果：

1.html


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>实验1.2 使用CSS控制表格设计出课程表</title><link rel="stylesheet" href="1.css"></head><body background="1.jpg" background-size=50%;><table border="1" cellpadding="20" cellspacing="0"><tr class="head"><td>节次/周次</td><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td></tr><tr><td class="_1234">第一节</td><td class=course rowspan="2">单片机</td><td class=course rowspan="2">web程序设计</td><td class=course rowspan="2">操作系统</td><td class=course rowspan="2">web程序设计</td><td> </td></tr><tr><td class="_1234">第二节</td><td> </td></tr><tr><td class="_1234">第三节</td><td class=course rowspan="2">形势与政策</td><td class=course rowspan="2">编译原理</td><td class=course rowspan="2">单片机原理与应用</td><td class=course rowspan="2">编译原理</td><td class=course rowspan="2">计算机网络安全</td></tr><tr><td class="_1234">第四节</td></tr><tr><td class="_5678">第五节</td><td class=course rowspan="2">操作系统<br> </td><td class=course rowspan="2">就业与创业指导<br> </td><td class=course rowspan="2"> 计算机网络安全<br></td><td> </td><td> </td></tr><tr><td class="_5678">第六节</td><td> </td><td> </td></tr><tr><td class="_5678">第七节</td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr><td class="_5678">第八节</td><td> </td><td> </td><td> </td><td> </td><td> </td></tr></table><body>
</html>

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;}

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

CSS控制表格——制作日历
表格是网页上最常见的元素,除了用它来显示数据,还常被用来排版.这一次我们就来学习如何用CSS控制表格.一.表格中的标记表格(<table>标记)在最初HTML设计时,仅仅是用来存放各种数据 ...
CSS控制表格的方法
现在的网页都是DIV+CSS来布局的,table布局时代早已经结束了,那table还能干什么呢? 当然是现实数据了,这才是他的本事! 表格框架要和CSS分离,还table纯结构,需要琢磨一下,下面是一 ...
html表格与CSS控制表格样式
表格是HTML网页中的重要标签,利用表格可以对网页进行排版,使网页信息有条理地显示出来. 这就是一个表格 ,清清楚楚的列出了英雄们的排名. 思维导图 <table>标签用<tabl ...
HTML如何改变表格浮动位置,css控制表格样式 css布局浮动及定位
一.制作一张商品信息表,内容自定,要求用到行与列的合并实例 html> 饮料商品信息表 table caption { font-family:"宋体"; font-siz ...
html中隔行的代码,js+css 控制表格隔行变色与单行高亮的代码
代码片段: 1,css代码复制代码代码示例: table {border-collapse:collapse;border:solid #999;border-width:1px 0 0 1px; ...
CSS控制表格tr之间的边距
tr之间距离可以通过设置 tr 的外边距(margin)来实现,但是注意必须先把tr的显示属性设置为块体(block)元素: tr{display:block;margin:2px 0; } 创建HT ...
用CSS控制表格的框格线
在postContent类里的<table>将自动实现. .postContent{border-collapse:collapse;border:none;} .postContent ...
DSP实验报告—实验3 编写一个以汇编(ASM)语言为基础的DSP程序
一. 实验目的 1．学习用汇编语言编制程序:了解汇编语言程序与 C 语言程序的区别和在设置上的不同. 2．了解 TMS320C28x 汇编语言程序结果和一些简单的汇编语句用法. 3．学习在 C ...
我自己动手写一个网页收藏站，你说行不行？【html+css+js】#谭子
摘要:我的博客必须得浅显易懂,还得具有实践操作的可行性,哪怕没学过网页设计的相关知识,本篇博客内容也是可以通过自己的努力操作出来了的(保姆级教学) 不过,还是当成图一乐来阅读吧,虽然它比直接点开浏览器 ...
保存一个网页的所有相关资源（包括图片，js，css）的两种方法
发现一个很酷的网页,想把它保存下来怎么办? ?? 网上找离线下载工具? 找了半天,没有找到合适的. 决定自己写一个, 我想可能以后会用到. 第一种方法是使用wget方式下载. 比较简单,但是一些高级的 ...

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

（1）编写一个网页，内容为课程表表格；

（2）使用CSS美化

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

最新文章

热门文章