通过创建企鹅学习 CSS 变换 - 步骤 2

告诉我们发生了什么:

使用元素选择器选择 body 元素,设置 background 为线性渐变(linear gradient),渐变轴为 45 度,从 rgb(118, 201, 255) 渐变为 rgb(247, 255, 222)。
body {
background:linear gradient(45deg, rgb(118, 201, 255), rgb(247, 255, 222));
}

到目前为止你的代码

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./styles.css" />
    <title>Penguin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>

  <body>
  </body>
</html>
/* file: styles.css */

/* User Editable Region */

body {
  background:linear gradient(45deg, rgb(118, 201, 255), rgb(247, 255, 222));
}

/* User Editable Region */

你的浏览器信息:

用户代理是: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

挑战信息:

通过创建企鹅学习 CSS 变换 - 步骤 2

You are trying to use a linear-gradient()

https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient

You are just missing the -

您正在尝试使用 linear-gradient()

只是缺少 -

Also maybe:

background:linear
background: linear
1 Like