CSS怎么设置渐变背景效果

工具/原料

• 开辟东西：HBuilder
• 手艺：HTML5、CSS3

方式/步骤

1. 1

   首先打开东西，新建一个HTML文档！

   
2. 2

   建立一个div盒子，并添加根基样式（以DIV为大师演示）

   
3. 3

   添加线性渐变结果：

   语法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

   演示代码：background-image: linear-gradient(to right, red , yellow);

   
4. 4

   添加径标的目的渐变结果：

   语法：background-image: radial-gradient(shape size at position, start-color, ..., last-color);

   演示代码：background-image: radial-gradient(circle, red, yellow, green);

   
5. 5

   最后，我打开浏览器来看看结果吧！

   

注重事项

• 1、若是您想直接用，请复制演示代码，点窜颜色值就可以了！
• 2、本教程本家儿要介绍了，线性渐变，和径标的目的渐变！具体参数打开可以去W3C手册查询！