图片加框效果

给图片制出更美的效果

（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).图片在水中倒影

<P><IMG src="图片地址" width="240" height="180"><BR><IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>