CSS实现横条或竖条或背景色渐变效果

 CSS实现横条或竖条或背景色渐变效果

 

css渐变色代码

css渐变色代码。
 GradientType  渐变方式    0：上下变化    1：左右变化
 StartColorStr  开始颜色
 EndColorStr    结束颜色

< TABLE  style = "WIDTH: 577px; HEIGHT: 332px" border = 1 >< TBODY >
< TR >
< TD style = "FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0 ,EndColorStr = ' #ffffff ' ,StartColorStr = ' royalblue ' )" >
    dfdafadfafdafa </ TD >
< TR >
  </ TR >
  </ TBODY >
</ TABLE >

 

这里实现的横条的渐变效果，如果设置GradientType=1，则实现竖条的渐变效果。

 

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