如何将背景更改为线性渐变背景？

Question

嗨，我是 html 和 css 的新手，我无法获得线性渐变背景。

这就是我想要得到的： https://i.stack.imgur.com/ewkO6.png

这是我目前所拥有的

    body{
background-color: linear-gradient( rgb(35, 166, 252), white);}

HTML代码基本是空的：

    <!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" />
<link href="aboutme.css" rel="stylesheet"/>
<title>Document</title>
<h1>ABOUT ME</h1>
</head>
<body>lorem ipsum</body>
</html>

谢谢。

Answer 1

使用background-image:linear-gradient( rgb(35, 166, 252), white);代替背景颜色您的问题将得到解决

所以你的css应该是

body{
height: 100vh;
background-image: linear-gradient(rgb(35, 166, 252), white);
   }

Answer 2

您可以将其添加到您的 CSS 代码中，具有以下值：

background: linear-gradient(45deg, black, transparent);

如何将背景更改为线性渐变背景？

How do I change the background to a linear-gradient background?

html

css

background

background-image