| 以文本方式查看主题 - 智睿软件_技术交流论坛 (http://zhirui.net/bbs/index.asp) -- Web页面设计 (http://zhirui.net/bbs/list.asp?boardid=33) ---- 图片加框的一些实用代码 (http://zhirui.net/bbs/dispbbs.asp?boardid=33&id=797) |
| -- 作者：zhirui -- 发布时间：2010-04-27 21:49:05 -- 图片加框的一些实用代码 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 加立体框（a) <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="filter=alpha(opacity=100,style=1,finishopacity=0)"> 8圆形 <center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center> 9 黑白效果 <center><img src="图片地址" style="filter:\'gray\'"></center> 10 X光效果 <center><img src="图片地址" style="filter:\'xray\'"></center> 11 上下颠倒 <center><img src="图片地址" style="filter:flipv"> 12 左右颠倒 <center><img src="图片地址" style="filter:fliph"></center> 13 粒状 <center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center> 14 模糊阴影 <center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Blur(PixelRadius=3)"></center> 15 倒影 <center><IMG src="图片地址" width="200" height="150"><BR> <IMG src="图片地址和上边的图片地址相同" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center> 16 水面倒影 <center><IMG src="图片地址" width="200" height="150"><BR> <IMG src="图片地址和上面的一样" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center> 17黑白效果 <CENTER><IMG style="FILTER: gray" src="图片地址"></CENTER> 18 浮雕效果 <center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Emboss()"></center> 19 色彩颠倒 <center><img src="图片地址" style="filter:invert"></center> 20 模糊效果 <center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Blur(PixelRadius=3)"></center> 21 水波效果、 <center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center> |