CSS怎么设置渐变背景效果 _开辟东西：HBuilder

我在网页开发的过程中，经常会用到CSS来添加样式，制作渐变颜色的背景！下面小编就将方法分享给大家，供大家参考学习！（如果你不在乎过程，请直接复制演示代码修改）

文章插图

需要这些哦
开辟东西：HBuilder
手艺：HTML5、CSS3
方式/
1起首打开东西，新建一个HTML文档！

文章插图

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

文章插图

3【CSS怎么设置渐变背景效果】添加线性渐变结果：
语法：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);