CSS设置DIV背景色渐变显示

2022-10-17 16:45:51 发布:网友投稿 来源:网友投稿
热度:159

在开发网站的时候通常需要对网站的整体颜色进行修改。下面,我们来看看如何用CSS设置DIV背景色渐变显示吧。

操作方法

  • 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

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

下一篇:如何创建数据库和表
上一篇:打开IE时弹出两个网页如何解决!!