我在网页开发的过程中，经常会用到CSS来添加样式，制作渐变颜色的背景！下面小编就将方法分享给大家，供大家参考学习！（如果你不在乎过程，请直接复制演示代码修改）
工具/原料
1
开发工具：HBuilder
2
技术：HTML5、CSS3
方法/步骤
1
首先打开工具，新建一个HTML文档！
2
创建一个div盒子，并添加基本样式（以DIV为大家演示）
3
添加线性渐变效果：语法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...);演示代码：background-image: linear-gradient(to right, red , yellow);
4
添加径向渐变效果：语法：background-image: radial-gradient(shape size at position, start-color, ..., last-color);演示代码：background-image: radial-gradient(circle, red, yellow, green);
5
最后，我打开浏览器来看看效果吧！
注意事项
1
1、如果你想直接用，请复制演示代码，修改颜色值就可以了！
2
2、本教程主要介绍了，线性渐变，和径向渐变！详细参数打开可以去W3C手册查询！
上一篇：wps文字如何设置渐变背景
下一篇：如何给图片背景部分添加渐变效果