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中设置渐变色的步骤：