如何為圖片加邊框
原圖效果：
1.為圖片加單線邊框
代碼：
<CENTER><IMG style="BORDER-RIGHT: #00ffff 3px solid; BORDER-TOP: #00ffff 3px solid; BORDER-LEFT: #00ffff 3px solid; BORDER-BOTTOM: #00ffff 3px solid" src="圖片地址"></CENTER>
2.為圖片加雙線邊框
代碼：
<CENTER><IMG style="BORDER-RIGHT:#00ffff 7px double; BORDER-TOP:#00ffff 7px double; BORDER-LEFT:#00ffff 7px double; BORDER-BOTTOM:#00ffff 7px double" src="圖片地址"></CENTER>
3.為圖片加外凸邊框
代碼：
<CENTER><IMG style="BORDER-RIGHT: #00ffff 20px outset; BORDER-TOP: #00ffff 20px outset; BORDER-LEFT: #00ffff 20px outset; BORDER-BOTTOM: #00ffff 20px outset" src="圖片地址"></CENTER>
4.為圖片加內(nèi)凹邊框
代碼：
<CENTER><IMG style="BORDER-RIGHT: #00ffff 20px inset; BORDER-TOP: #00ffff 20px inset; BORDER-LEFT: #00ffff 20px inset; BORDER-BOTTOM: #00ffff 20px inset" src="圖片地址"></CENTER>
5.為圖片加脊線邊框
代碼：
<CENTER><IMG style="BORDER-RIGHT: #00ffff 20px ridge; BORDER-TOP: #00ffff 20px ridge; BORDER-LEFT: #00ffff 20px ridge; BORDER-BOTTOM: #00ffff 20px ridge" src="圖片地址"></CENTER>
6.為圖片加槽線邊框
代碼：
<CENTER><IMG style="BORDER-RIGHT: #00ffff 20px groove; BORDER-TOP: #00ffff 20px groove; BORDER-LEFT: #00ffff 20px groove; BORDER-BOTTOM: #00ffff 20px groove" src="圖片地址"></CENTER>
7.為圖片加虛線邊框
代碼：
<CENTER><IMG style="BORDER-RIGHT: #00ffff 4px dashed; BORDER-TOP: #00ffff 4px dashed; BORDER-LEFT: #00ffff 4px dashed; BORDER-BOTTOM: #00ffff 4px dashed" src="圖片地址"> </CENTER>
8.為圖片做陰影特效
代碼：
<CENTER>
<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=25)">
</CENTER>
9.為圖片做黑白特效
代碼：
<CENTER>
<img src="圖片地址" style="filter:'gray'">
</CENTER>
10.為圖片做透視特效
代碼：
<CENTER>
<img src="圖片地址" style="filter:'xray'">
</CENTER>
11.為圖片做浮雕特效
代碼：
<CENTER>
<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">
</CENTER>
12.圖片垂直顛倒特效
代碼：
<CENTER>
<img src="圖片地址" style="filter:flipv">
</CENTER>
13.圖片水平反轉(zhuǎn)特效
代碼：
<CENTER>
<img src="圖片地址" style="filter:fliph">
</CENTER>
14.圖片色彩漸變特效
代碼：
<CENTER><img src="圖片地址" style="filter:invert">
</CENTER>
15.圖片外虛內(nèi)實(shí)特效
代碼：
<CENTER><table style="border:3 dashed #00ffff" cellspacing="5" cellpadding="10" bgcolor="#00ffff"><tr><td bgcolor="#00ffff" width=309 height=200 align=center valign=middle><img src="圖片地址"> </td></tr></table></CENTER>
代碼分析：“<CENTER>是居中代碼</CENTER>” ， 粉紅色地方“height=200”是圖片的高度，紅色地方“width=309”是圖片的寬度，綠色地方“00ffff”是邊框顏色代碼，藍(lán)色地方“圖片地址”是圖片地址，青綠色地方“border=2”是邊格寬度。
如何為圖片加邊框
快樂(lè)互動(dòng)，精彩你我；創(chuàng)造喜悅，分享快樂(lè)！
碎羽殘舞新浪博客聲明：本博內(nèi)容非商業(yè)用途，杜絕色情、謾罵、詆毀等一切不良內(nèi)容，轉(zhuǎn)載本博所有內(nèi)容不得去掉本博鏈接，請(qǐng)正常引用，拒絕刪除所有本博內(nèi)容與本博的鏈接；未經(jīng)許可本博內(nèi)容請(qǐng)勿篡改。
歡迎光臨碎羽殘舞的博客：本博內(nèi)容非商業(yè)用途，宗旨重在交流學(xué)習(xí)，打造個(gè)人獨(dú)特時(shí)尚空間，并無(wú)任何商業(yè)目的，日志除部分為博主原創(chuàng)外其余均來(lái)源于網(wǎng)絡(luò)，如果不慎侵犯了您的合法權(quán)益，請(qǐng)及時(shí)聯(lián)系本博，本博將會(huì)在第一時(shí)間予以處理。
祝您在本博度過(guò)一段美好時(shí)光，如本博有任何不足之處，歡迎您對(duì)本博提出更多更好的提議，碎羽殘舞隨時(shí)歡迎您的到來(lái)。
