智囊团网>经验内容页

什么样的CSS设置DIV背景色渐变显示

  2022-01-12T05:04:18  711人看过

原创经验

来自快手https://www.kuaishou.com/的优秀用户情茹飲水,于2018.03.26 09:01:32在经验百科知识平台总结分享了一篇关于“CSS设置DIV背景色渐变显示丁克”的百科,非常感谢Array的辛苦付出,他总结的解决技巧方法及常用办法如下:

操作方法

  • 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

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

相关经验推荐

每周热门经验