CSS设置DIV背景颜色的渐变显示
01
打开软件
可以使用Dreamweaver或者Visual studio软件，比如open VS软件，如下图所示:
02
创建DIV
然后在body body中创建一个名为[a]的div。a & quot& gtDIV & lt/div & gt；，如下图所示:
03
设置属性
然后设置div的属性，比如高度、宽度、颜色，如下图所示:
04
背景渐变
然后设置背景渐变，代码如下:
背景:-webkit-gradient(线性，0% 0%，0% 100%，从(#fff)，到(# 0000 ff))；
其中:linear-gradient()是用于创建线性渐变的语句。
05
预览效果
点击预览图标，浏览器中显示效果图如下:
怎么设置网页背景为渐变色？
1、打开html开发工具，新建一个html文件在html代码页面创建一个<p>并给这个标签添加一个类名linear：；
2、然后为类设置样式。在title后面创建一个style标签，然后在这个标签里面设置linear类的高、渐变（linear-gradient）的样式，这里的第一个参数是设置渐变的方向，后面两个参数是起始颜色和终止颜色。设置好后去浏览器查看效果：；
3、保存好html文件后使用浏览器查看效果。就会看到一个绿色到红色的渐变了。以上就是html中让背景颜色渐变的设置方法介绍：
html渐变色背景图怎么做？
html中将背景颜色渐变步骤如下：
1、先使用一个p标签。
2、然后在header标签里面设置标签的css样式。
3、颜色渐变要有一个范围，需要给p设定width和height，也就是宽度和高度。
4、然后设定p的background背景属性
5、接着，在-webkit-linear-gradient里面写top，设定渐变从顶部开始，到底部结束。
6、再设定颜色的渐变顺序，比如我设置了从白色渐变到蓝色。
7、做完这些之后，p背景渐变就成功了。
怎么在网页上添加渐变的颜色作为网页背景？
1、打开编辑器，新建一个HTML，并定义一个p，并给50px的高度：
2、接下来在style中设置p的样式，这里使用linear-gradient()编写一个默认方向的红蓝渐变，渐变的方向可以省略的：
3、如果想设置渐变方向为从右至左，只需要给linear-gradient加一个“to left”属性就可以了：
4、保存文件查看生成的指定方向的渐变，可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤：