图片特效转发自好好改造帖子

如沒有設定bordercolor, 那便默認為黑色

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" border="12">

加简单的CSS装饰框

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="border:12px #00ffff solid">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="border:12px #00ffff dashed">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="border:12px #00ffff dotted">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="border:12px #00ffff double">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="border:12px #00ffff groove">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="border:12px #00ffff ridge">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="border:12px #00ffff outset">

CSS滤镜

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif">style="filter: Alpha(Opacity=100,Style=2)">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="filter: Alpha(Opacity=100,Style=3)">

水平翻转

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="filter: Fliph">

垂直翻转

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="filter: Flipv">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="filter: Gray">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="filter: Invert">

<img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="filter: Blur(Add=1,Direction=45,Strength=180)">

Freq=6波纹的频率,Lightstrength=10波纹的光照强度,值0---100,Strength=20振幅<br><img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="filter: Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)">

<br><br><p align="center"><br></p><center><br><table style="BORDER-RIGHT: #ababab 1px solid; BORDER-TOP: #ababab 1px solid; BORDER-LEFT: #ababab 1px solid; BORDER-BOTTOM: #ababab 1px solid; BACKGROUND-COLOR: #dcdcdc" cellspacing="10" cellpadding="0" border="0"><br><tbody><br><tr><br><td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff" valign="center" align="middle" colspan="2"><br><center><img onload="javascript:if(this.width>850) this.width=850" style="FILTER: Blur(Add=1,Direction=45,Strength=180)" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" width="390"></center></td></tr></tbody></table></center><br><p></p>

加點變化

<br><p align="center"><img onload="javascript:if(this.width>850) this.width=850" style="BORDER-RIGHT: red 8px dashed; BORDER-TOP: green 8px dotted; BORDER-LEFT: yellow 8px dashed; BORDER-BOTTOM: blue 8px dotted" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" width="390"></p><br>

<br><center><table bgcolor="black" style="border:12px #00ffff dashed"><tbody><tr><td><table bgcolor="black" style="border:12px #00ffff ridge"><tbody><tr><td><img onload="javascript:if(this.width>850) this.width=850" width="390" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" style="filter: Gray"></td></tr></tbody></table></td></tr></tbody></table></center><br>

做圖的方法很多, 上面的是用了兩個框的效果, 其實用一個框也能做出相同效果的. 只要在 加點變化.

<br><br><center><br><table style="BORDER-RIGHT: #00ffff 12px dashed; BORDER-TOP: #00ffff 12px dashed; BORDER-LEFT: #00ffff 12px dashed; BORDER-BOTTOM: #00ffff 12px dashed" bgcolor="black"><br><tbody><br><tr><br><td style="BORDER-RIGHT: #00ffff 12px ridge; BORDER-TOP: #00ffff 12px ridge; BORDER-LEFT: #00ffff 12px ridge; BORDER-BOTTOM: #00ffff 12px ridge" bgcolor="black"><img onload="javascript:if(this.width>850) this.width=850" style="FILTER: Gray" src="http://vcom.hnby.com.cn/dhbbs/UploadFile/2005-7/200572011264682519.gif" width="390"></td></tr></tbody></table></center><br>