页面背景渐变色css实现方法

最新推荐文章于 2023-01-17 13:50:06 发布

「已注销」

最新推荐文章于 2023-01-17 13:50:06 发布

阅读量119

点赞数

分类专栏： css 文章标签： CSS Microsoft HTML

本文链接：https://blog.csdn.net/iteye_16356/article/details/81898277

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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">

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

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面背景渐变色css实现方法

FILTER:progid:DXImageTransform.Microsoft.Gradient使用语法： filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,GradientType,startColorStr=iWidth,endColorStr=iWidth)属性：enabled:可选项...
复制链接

扫一扫