如何使用CSS3中的属性控制div元素背景渐变方向

1、第一步，在已打开的HBuilderX工具中，新建模板页面，默认使用HTML5，如下图所示：

2、第二步，要控制元素的样式，需要添加一个div或其他的元素，设置对应的id属性，如下图所示：

3、第三步，使用div的id属性设置自身的宽度、高度和背景渐变，如下图所示：

4、第四步，保存代码并打开浏览器工具，查看界面显示的效果，颜色由上往下出现分层的现象，如下图所示：

5、第五步，在背景background属性值linear-gradient，添加一个属性值le酆璁冻嘌ft，如下图所示：

6、第六步，再次保存预览界面效果，可以看到元素渐变效果从左到右，如下图所示：