CSS网页背景渐变色

当前位置：首页 > CSS

CSS网页背景渐变色

分类:CSS 来源:网络时间:2010-12-17 23:39:16

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"

<html>

<head>

<title>无标题文档</title>

<!--

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>

</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;

}

渐变起始颜色，ff为16进制透明度

endColorStr=#ffeeeeee

endColorStr为渐变结束颜色，ff为16进制透明度

gradientType=0

gradientType渐变方向，0为垂直方向， 1为水平方向（默认值为1）

加入收藏 | 浏览(9136)

上一篇：CSS的查找匹配原理
下一篇：CSS+DIV实现圆角

iLeichun

CSS网页背景渐变色