css部分相关知识点

最新推荐文章于 2024-08-02 10:25:30 发布

_灬灬_

最新推荐文章于 2024-08-02 10:25:30 发布

阅读量164

点赞数

分类专栏：前端相关知识文章标签： html

本文链接：https://blog.csdn.net/m0_61799019/article/details/122109595

版权

前端相关知识专栏收录该内容

2 篇文章 0 订阅

订阅专栏

练习：制作课表（掌握表格相关知识）

相关代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课表</title>
    <style>
        table{
            width: 600px;
            background-color: #e7f5fa;
        }
        table tr{
            height: 50px;
            text-align: center;
        }
    </style>
</head>
<body>
    <table border="2" cellspacing="1" cellpadding="1">
        <tr>
            <td>节次</td>
            <td>周一</td>
            <td>周二</td>
            <td>周三</td>
            <td>周四</td>
            <td>周五</td>
        </tr>
        <tr>
            <td>1</td>
            <td style="background-color: #e6eebb;">操作系统</td>
            <td style="background-color: #5d817e;">软件工程</td>
            <td style="background-color: salmon;">计算机组成原理</td>
            <td style="background-color: #e9b372;">计算机网络</td>
            <td>专业英语</td>
        </tr>
        <tr>
            <td>2</td>
            <td style="background-color: salmon;">计算机组成原理</td>
            <td style="background-color: #70aae4;">JAVA程序设计</td>
            <td style="background-color: #e6eebb;">操作系统</td>
            <td style="background-color: #70aae4;">JAVA程序设计</td>
            <td> </td>
        </tr>
        <tr>
            <td>3</td>
            <td style="background-color: #bf8de4;">数据库</td>
            <td style="background-color: #e9b372;">计算机网络</td>
            <td style="background-color: #bf8de4;">数据库</td>
            <td style="background-color: #f09ef0;">软件建模</td>
            <td>软件工程导论</td>
        </tr>
        <tr>
            <td>4</td>
            <td> </td>
            <td style="background-color: #f09ef0">软件建模</td>
            <td></td>
            <td> </td>
            <td></td>
        </tr>
    </table>
</body>
</html>