容器

Coddy 移动云朵：HTML/CSS/JS 项目课程的第 3 课，共 18 课。

在整个课程中，你也有机会亲自设置一些样式。现在，我们来创建云朵所在的天空，记得为天空选一个你喜欢的颜色！

挑战

简单

在 HTML 文件中，在 body 标签内创建一个 div，其 id 为 "container"。

这个 div 将作为所有云的容器，也就是“天空”。

在 CSS 文件中，选中这个容器并设置：

将 height 设置为 100vh（vh = 视口高度）
将 position 设置为 relative
背景颜色由你选择（记住，这里是天空！）
将 overflow 设置为 hidden

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>

移动云朵：HTML/CSS/JS 项目中的所有课

1简介

4玩转 JS

2容器

主体容器

5移动云朵

3云计算

6许多云朵

自己练习： Web 在线编辑器