給圖片制出更美的效果
(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).脊?fàn)羁?
<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>
聯(lián)系客服