html渐变背景色（html渐变色代码）
你们好，最近小活发现有诸多的小伙伴们对于html渐变背景色，html渐变色代码这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。
1、 打开html开发工具，创建一个新的html代码页。
2、 在html代码页上创建一个div，同时为这个div创建一个名为linear的类，用来设置线性渐变背景样式。
3、 创建div代码：div class='linear '线性渐变/div。
4、 设置线性渐变。线性渐变用于设置线性类的背景渐变样式。为了与其他浏览器兼容，有必要为线性渐变添加一个浏览器兼容的前缀。
5、 Css代码：
6、 .linear{
7、 width: 500px;
8、 height: 100px;
9、 font-size: 20px;
10、 color: #fff;
11、 text-align: center;
12、 background: -webkit-linear-gradient(left,red, green, blue);
13、 background: -o-linear-gradient(left,red, green, blue);
14、 background: -moz-linear-gradient(left,red, green, blue);
15、 Background: linear gradient (left, red, green, blue);
16、 }
17、 保存html代码，用浏览器打开看看线性渐变效果。
以上就是html渐变色代码这篇文章的一些介绍，希望对大家有所帮助。
免责声明：本文章由会员“王阳”发布如果文章侵权，请联系我们处理，本站仅提供信息存储空间服务如因作品内容、版权和其他问题请于本站联系