网页图片边框特效的各种处理样式 | ||
来源:营销型网站建设-上海邦宁建站 发布时间:2011/7/8 阅读:次 | ||
1、单边框 <center><img src="图片地址" style="border:3 solid #ff0000"></center> 2、双边框 <center><img src="图片地址" style="border:5 double green"></center> 3、立体镜框(一) <center><img src="图片地址" style="border:25 outset #ff88ff"></center> 4、立体镜框(二) <center><img src="图片地址" style="border:25 inset #ff88ff"></center> 5、虚线框 <center> <img src="图片地址" style="border:4 dashed #ff0000"></center> 6、凹槽框 <center> <img src="图片地址" style="border:25 groove green" border="0"></center> 7、脊状框 <center> <img src="图片地址" style="border:25 ridge green" border="0"></center> 8、横向渐变透明 <center><img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)"> 9、圆形渐变透明 <center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center> 10、X形渐变透明 <center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center> 11、黑白效果 <center><img src="图片地址" style="filter:'gray'"></center> 12、X光效果(底片) <center><img src="图片地址" style="filter:'xray'"></center> 13、浮雕效果 <center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center> 14、上下颠倒 <center><img src="图片地址" style="filter:flipv"> 15、左右颠倒 <center><img src="图片地址" style="filter:fliph"></center> 16、色彩颠倒 <center><img src="图片地址" style="filter:invert"></center> 17、粒状阴影 <center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center> 18、模糊效果 <center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"></center> 19、水波效果(风吹) <center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center> 20、水中倒影效果 <center><IMG src="图片地址" width="200" height="150"><BR> <IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) | ||