css 横向渐变 图片阴影效果 字体模糊效果

（必须加在Table的TD里,如果TD有背景就会遮盖阴影，可以把背景放到外套的表格里去）

背景颜色渐变

横向渐变

style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"

纵向渐变

style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff0000', endColorStr='#ffffff', gradientType='0')"

图片阴影效果

style="filter:progid:DXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=2,offY=2,positive=true);"

文字边框特效

style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=1);"

背景图随表格拉伸而不重复的拉伸填充

style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.jpg', sizingMethod='scale')"

字体模糊效果

style="FILTER: blur(add=1, direction=100,strength=1); "

文字阴影效果

style="filter:dropshadow(color=#ffffcc,offx=1,offy=1)"

PNG图片背景透明

style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Icon01.png'); width:50px; height:33px; "

TD强制不换行,同时多余部分隐去

style="white-space:nowrap;overflow: hidden;"

TD强制换行

style="word-break:break-all;"

图片透明效果

filter:alpha(opacity=30);

filter:alpha(opacity=30,finishOpacity=0,style=0,startx=10,starty=5,finishx=70,finishy=20);

"opacity"代表透明度水准。默认的范围是从0 到 100，他们其实是百分比的形式。

也就是说，0代表完全透明，100代表完全不透明。”finishopacity"是一个可选参数，

如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。

"style" 参数指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、

3代表长方形。”STARTX“和”STARTY“代表渐变透明效果的开始X和Y坐标。”FINISHX“和”

FINISHY“代表渐变透明效果结束X和Y 的坐标。

收藏于 2010-09-08