圖片加框代碼

靜品亽生 2011-04-16

展開全文

圖片加框代碼如下：

1。單線框<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:3 solid #ff0000"> </center>

2。雙線框<center>
<img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:5 double green"> </center>

3。凸出框<*center>
<img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"style="border:25 outset #ff88ff"> </center>

4。凹進框<center>
<img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 inset #ff88ff"> 
 </center>

5。郵票框
<center>
<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=600 height=450 align=center valign=middle><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"></td></tr></table></center>

6。虛線框<center>
<img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:4 dashed #ff0000"> </center>

7。凹槽框<*center>
<img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 groove green" border="0"> </center>

8。脊狀框<center>
<img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="border:25 ridge green" border="0"> </center>

9。立體陰影框<center>
<table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">
<tr><td bgcolor="#ffffff" align=center valign=middle><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"></td></tr></table></center>

10。陰影框<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:shadow(color=#32cd32)"></center>

11。橫向漸變透明<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

12。圓形漸變透明<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

13。X形漸變透明<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

14。改變某種顏色<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"style="FILTER: Chroma(Color=#13629f)"></center>

15。黑白效果<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:'gray'"></center>

16。X光效果（底片）<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:'xray'"></center>

17。浮雕效果<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

18。上下顛倒<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:flipv">
]
19。左右顛倒<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:fliph"></center>

20。色彩顛倒<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:invert"></center>

21。粒狀陰影<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>

22。模糊效果<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

23。水波效果（風(fēng)吹）<center><img src="http://xymusic.bbs./attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

這些效果單獨看起來沒啥顯眼，但如果與其他代碼結(jié)合起來，如JS等，再加上巧妙的構(gòu)思，一定會使你的帖子精彩起來。因為不管多么復(fù)雜的頁面都是由它們組合而成的。