极速小乌龟

导航

HTML-CSS线性渐变

 1 实现背景的渐变可以通过为背景添加颜色渐变的图片,也可以使用浏览器的功能来为背景添加渐变的颜色
 2 
 3 在IE6或IE7浏览器下可以使用一下示例的CSS语句,设置filter属性来实现颜色
 4 
 5 filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,gradientType=0,startColorStr=#f0f0f0,endColorStr=#020202);
 6 
 7 enabled:滤镜开关选项,其值可以是true或者false,分别用来打开和关闭滤镜;
 8 
 9 gradientType:渐变类型,其值为1时表示水平渐变,其值为0时表示垂直渐变;
10 
11 startColorStr:上端或左侧的起始颜色;
12 
13 endColorStr:下端或右侧的结束颜色
14 
15 background-image:-moz-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);《火狐浏览器》
16 
17 background-image:-webkit-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);《谷歌浏览器》
18 
19 background-image:-moz-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);

 

posted on 2017-02-23 06:02  极速小乌龟  阅读(557)  评论(0编辑  收藏  举报