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