Css样式表之渐变色的实现

      在网页中做渐变色一直是个比较痛苦的事情,又是图片又是背景,现在好了,找了下搜索引擎终于发现其实样式表是可以实现渐变的效果的,以前一直都不知道,诶。

     1、从左到右的渐变:style="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0000ff,endColorStr=#fffffff);"

     2、从上到下的渐变:style="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#0000ff);"

     3、文字的渐变效果:
.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;
}


    呵呵,其实代码是很简单,只是以前一直没有去研究过,哈哈,以后做程序,渐变的图片,就可以直接用这样的CSS代码去实现了,真是好事情那!

posted on 2007-03-14 19:13  北极熊,我来了!  阅读(2235)  评论(0编辑  收藏  举报