Css样式表之渐变色的实现

用CSS实现图片渐变效果，经典的代码那，以前一直都不知道，看来还是真要好好的学习学习了。 索引：CSS 渐变 HTML

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

     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代码去实现了，真是好事情那！