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

使用CSS设计HTML课程表

最新推荐文章于 2023-09-12 16:40:46 发布

原创

最新推荐文章于 2023-09-12 16:40:46 发布 · 2.8k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #html5

本文介绍了如何使用HTML创建一个课程表，并通过CSS进行美化。首先，创建一个包含本学期班级课程信息的表格，然后应用CSS来改进表格的视觉呈现。

（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>

最低0.47元/天解锁文章