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 的坐标。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值