zoukankan      html  css  js  c++  java
  • 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(起始点||角度,{颜色,位置},{颜色,位置}...........);
  • 相关阅读:
    鼠标滑过,解决ul下 li下a的背景与父级Li不同宽的问题
    php函数
    常用函数之数组函数
    php流程控制
    php运算符
    php常量
    php变量的数据类型
    PHP是什么
    css3新增属性
    html5的常用标签
  • 原文地址:https://www.cnblogs.com/longly/p/6431744.html
Copyright © 2011-2022 走看看