web前端|css教程
CSS3,使用方法,css
web前端-css教程
背景色，除了纯色以外，还能够使用多种颜色组合成为渐变背景色，使页面丰富。
jpeg压缩源码 嵌入式,ubuntu启动高级选项,tomcat的网页打不开,爬虫工作实战,php编程在哪里写,seo captionlzw
渐变背景分为两种：
仿车网之家源码,vscode如何调试js,ubuntu 如何分区,tomcat404报错,sqlite3有几种命令模式,卫生间滋生小爬虫用什么杀虫剂,php设置颜色,井冈山seo优化,国土资源局网站源码,免费设计模板lzw
1、线性渐变；
资料分享网站源码 php,vscode扩展能保存,ubuntu 设置tab,tomcat设置会话时间,mapreduce 爬虫,php 事务提交,seo可以提高什么能力,asp网站建站程序,营销型的物流网站模板lzw
2、环形渐变；
线性渐变
线性渐变分为：横向、纵向、对角渐变三种渐变
语法：
= linear-gradient([ [ | to ] ,]? [, ]+)
= [left | right] || [top | bottom]
= [ | ]?
：用角度值指定渐变的方向。
to left：设置渐变为从右到左；
to right：设置渐变为从左到右；
to top：设置渐变为从下到上；
to bottom：设置渐变为从上到下；
：设置指定渐变的起止颜色
：指定颜色
：用长度值指定起止色位置。不允许负值
：用百分比指定起止色位置。
background:linear-gradient(参数1，参数2，参数3，参数4….参数N)
参数1：可填可不填，填写的话写方向 如：to right,就是渐变方向由左到右，不填写默认从上到下渐变。
参数1’：与参数1基本一致，写在-webkit-,-moz-,-o-前缀情况下，如：left 代表渐变方向开始的位置
参数2：渐变开始颜色，可填rgba()或者#fff或者white,后面加百分比代表颜色占比多少，如 #fff 50% 代表白色占比50%。
参数3：若后面无参数 则为渐变终止颜色，与参数2属性可选一致。
参数4….参数N:可增加的渐变颜色节点。最后一个为渐变终止颜色
示例：
linear-gradient(#fff, #75aaa3); linear-gradient(to bottom, #fff,#75aaa3); linear-gradient(to top, #75aaa3, #fff); linear-gradient(180deg, #fff, #75aaa3); linear-gradient(to bottom, #fff 0%, #75aaa3 100%);
但是，还需要兼容浏览器：
//从下至上#text.btt{background: -webkit-linear-gradient(bottom,#fff, #75aaa2);background: -o-linear-gradient(bottom,#fff, #75aaa2);background: -moz-linear-gradient(bottom,#fff, #75aaa2);background: linear-gradient(to top,#fff, #75aaa2); /* 标准的语法（必须放在最后） */}
//带透明度#text.opac{background: -webkit-linear-gradient(rgba(256,256,256,0), #75aaa2);background: -o-linear-gradient(rgba(256,256,256,0), #75aaa2);background: -moz-linear-gradient(rgba(256,256,256,0), #75aaa2);background: linear-gradient(rgba(256,256,256,0), #75aaa2); /* 标准的语法（必须放在最后） */}
