zoukankan      html  css  js  c++  java
  • 页面背景渐变色css实现方法

    FILTER:progid:DXImageTransform.Microsoft.Gradient 使用
    语法: 

    filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,GradientType,startColorStr=iWidth,endColorStr=iWidth)

    属性:enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。   true | false
          true: 默认值。滤镜激活。 
          false:滤镜被禁止。 

          GradientType:可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0
          1:默认值。水平渐变。 
          0:垂直渐变。 

          startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。
          其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。
            取值范围为 00 - FF 。   RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,
            AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。
          取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。  
          EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅
            startColorStr 属性。默认值为 #FF000000 。不透明黑色。

    程序举例:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"
    >
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style type="text/css">
    <!--
    body
    {
    font-size
    : 12px;
    filter
    :progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#6699cc', StartColorStr='#ffffff');
    height
    : 100%;
    margin-left
    : 0px;
    margin-top
    : 0px;
    margin-right
    : 0px;
    margin-bottom
    : 0px;
    }
    -->
    </style>
    </head>

    <body>

    <p> </p>

    </body>
    </html>

    文字的渐变效果:

    .FadeLine
    {
    padding-right
    : 0px;
    border-top
    : #538f65 2px solid;
    padding-left
    : 0px;
    font-size
    : 22px;
    filter
    : progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=10,startX=10,finishX=100);
    padding-bottom
    : 0px;
    margin
    : 0px;
    color
    : #3366cc;
    padding-top
    : 0px;
    }

    文章转自:http://hzchun.blog.hexun.com/16500542_d.html

  • 相关阅读:
    LightOJ 1422 Halloween Costumes(区间dp)
    zoj 3537 Cake(区间dp)
    POJ 2955 Brackets(区间dp)
    HDU 1058 Humble Numbers(dp)
    uva 10934 Dropping water balloons(转载)
    树形dp
    Manacher算法求回文半径
    poj-1236.network of schools(强连通分量 + 图的入度出度)
    hdu-2255.奔小康赚大钱(最大权二分匹配)
    poj-2289.jamies contact groups(二分答案 + 二分多重匹配)
  • 原文地址:https://www.cnblogs.com/lorence/p/2405474.html
Copyright © 2011-2022 走看看