CSS设置DIV背景色渐变显示

在开发网站的时候通常需要对网站的整体颜色进行修改。下面,我们来看看如何用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

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

  • End
  • 发表于 2018-03-25 00:00
  • 阅读 ( 785 )
  • 分类:电脑网络

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具