CSS设置DIV背景色渐变显示

html-css011

CSS设置DIV背景色渐变显示,第1张

01

打开软件

可以使用Dreamweaver或Visual studio软件,比如打开VS软件,如下图所示:

02

创建一个DIV

然后在body主体中创建一个div名为【a】, <div class="a">DIV</div>,如下图所示:

03

设置属性

然后设置div的属性,比如高度、宽度和颜色等等,如下图所示:

04

背景渐变色

然后设置背景渐变色,代码如下图:

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff))

其中:linear-gradient()是用来创建线性渐变的语句。

05

预览效果

点击预览图标,在浏览器中的显示效果图如下所示:

给div容器设置背景颜色的方法如下:

假设需要设置背景颜色的div的ID为box,则css可以这样写:

#box{background-color:#fff}。

这样的话这个div容器的背景颜色就被设置成了白色。

CSS代码:

.divcss5{ background:#F00 color:#FFF}

html源代码:

<div class="divcss5">背景色为红色</div>