您的位置首页百科知识

html中想要将背景颜色渐变怎么弄?

html中想要将背景颜色渐变怎么弄?

的有关信息介绍如下:

html中将背景颜色渐变步骤如下:

1、先使用一个div标签。

html中想要将背景颜色渐变怎么弄?

2、然后在header标签里面设置<div>标签的css样式。

html中想要将背景颜色渐变怎么弄?

3、颜色渐变要有一个范围,需要给div设定width和height,也就是宽度和高度。

html中想要将背景颜色渐变怎么弄?

4、然后设定div的background背景属性,如图所示,背景颜色渐变就用到-webkit-linear-gradient。

html中想要将背景颜色渐变怎么弄?

5、接着,在-webkit-linear-gradient里面写top,设定渐变从顶部开始,到底部结束。

html中想要将背景颜色渐变怎么弄?

6、再设定颜色的渐变顺序,比如我设置了从白色渐变到蓝色。

html中想要将背景颜色渐变怎么弄?

7、做完这些之后,div背景渐变就成功了。

html中想要将背景颜色渐变怎么弄?