moon 类

Coddy 日食动画 | HTML/CSS 项目课程的第 7 课，共 10 课。

挑战

简单

在 CSS 文件中，选择 moon 类：

将 moon 类的宽度和高度设为 220px。
将边框半径设为 50%。
将 moon 类的位置设为 relative。
将背景图像设为 linear-gradient(30deg, #13223f, #0e1a30)。

现在你应该能看到月亮了！

亲手试试

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

日食动画 | HTML/CSS 项目中的所有课

1HTML

2CSS

moon 类

自己练习： Web 在线编辑器