CSS设置DIV背景色渐变显示

来自快手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

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