什么是CSS渐变背景？

哇塞，你们知道CSS渐变背景吗？就是网页背景颜色会像彩虹一样，从一种颜色慢慢变到另一种颜色， 你想... 堪起来好炫酷哦！今天就要教你们怎么用CSS来制作这种酷炫的背景！

第一步：创建一个div标签

坦白说... 先说说我们要用div标签来Zuo一个背景区域。div标签就像是网页上的一个容器，我们可依把背景放进去。

方法/步骤1: 举个例子， 既然是要设置div渐变，所yi我们就需要先使用一个div标签。 这是我的div标签，吃瓜。！

第二步：设置div的样式

染后 我们要给这个div标签设置一些样式，让它堪起来不那么单调。

方法/步骤2: 染后在header标签里面设置 这是我的div标签，我始终觉得...！

第三步：设定div的宽度和高度

颜色渐变要有一个范围， 所yi小伙伴们需要给div设定width和height，也就是宽度和高度。这样渐变才有地方展示嘛，大胆一点...！

方法/步骤3: 颜色渐变要有一个范围， 所yi小伙伴们需要给div设定width和height，也就是宽度和高度。

第四步：设置背景渐变属性

染后 我们要设定div的background背景属性，背景颜色渐变就用到-webkit-linear-gradient。这个属性就像是告诉浏览器，我要在这个div里面Zuo一个渐变背景。

方法/步骤4: 染后设定div的background背景属性， 如图所示，背景颜色渐变就用到-webkit-linear-gradient。 这是我的div标签，提到这个...！

第五步：设置渐变方向

稳了！ 接着， 在-webkit-linear-gradient里面写top，设定渐变从顶部开始，到底部结束。在这里需要注意的是写了top就不要写bottom了哦。

第六步：设定颜色的渐变顺序

请大家务必... 之后 再设定颜色的渐变顺序，比如我设置了从白色渐变到蓝色。温馨提示，颜色可依设定多个的哦。

第七步：完成渐变背景

Zuo完这些之后 div背景渐变就成功了哦，是不是彳艮有层次感呢？ 实际上... 堪起来就像是一个小小的彩虹桥呢！

方法/步骤7: Zuo完这些之后div背景渐变就成功了哦，是不是彳艮有层次感呢？ 这是我的div标签，蚌埠住了！！

标题名称：css怎样设置div背景色渐变

成者阝网站建设公司_创新互联，为您提供网站维护、虚拟主机、动态网站、网页设计公司、网站设计、小程序开发