CSS轻松搞定！div渐变背景设置全攻略

在CSS中，你可以使用`linear-gradient()`函数来为`div`元素设置渐变。以下是一个简单的例子： ```css div { background: linear-gradient(to right, red, yellow); } ``` 在这个例子中，`linear-gradient()`函数接受两个参数：渐变的方向和颜色停止点。`to right`表示从左到右的渐变，`red`和`yellow`是颜色停止点。 你也可以添加更多的颜色停止点，以创建更复杂的渐变： ```css div { background: linear-gradient(to bottom, red, yellow 30%, green 70%); } ``` 在这个例子中，`yellow`会在距离顶部30%的位置开始，`green`会在距离顶部70%的位置开始。 你还可以使用`deg`单位来指定角度，而不是使用`to`关键字： ```css div { background: linear-gradient(45deg, red, yellow); } ``` 在这个例子中，渐变方向是从左上角到右下角，形成一个45度的角度。 ######[AI写代码神器 | 229点数解答 | 2023-11-25 11:34:43]