圖片加框1--單線框
<IMG style="BORDER-RIGHT: #ffcccc 5px solid; BORDER-TOP: #ffcccc 5px solid; BORDER-LEFT: #ffcccc 5px solid; BORDER-BOTTOM: #ffcccc 5px solid" src="http://hiphotos.baidu.com/aini_lili/pic/item/8f08d0f8ba0e2235d9f9fdad.jpg">
效果：圖片加框2 --雙線框
<IMG style="BORDER-RIGHT: 7px double; BORDER-TOP: 7px double; BORDER-LEFT: 7px double; BORDER-BOTTOM: 7px double" src="http://image16.360doc.com/DownloadImg/2010/09/1521/6215594_2.jpg">
效果為：
圖片加框3--虛線框
<IMG style="BORDER-RIGHT: #990000 3px dashed; BORDER-TOP: #990000 3px dotted; BORDER-LEFT: #990000 3px dashed; BORDER-BOTTOM: #990000 3px dashed" src="http://hiphotos.baidu.com/aini_lili/pic/item/1d820dd37b7bc53a3af3cfad.jpg">
效果為：
圖片加框4--凸出框
<IMG style="BORDER-RIGHT: #ccccff 10px outset; BORDER-TOP: #ccccff 10px outset; BORDER-LEFT: #ccccff 10px outset; BORDER-BOTTOM: #ccccff 10px outset" src="http://hiphotos.baidu.com/aini_lili/pic/item/b832f180d97a7fed9123d9ad.jpg">
效果為：
圖片加框5--嵌入框
<IMG style="BORDER-RIGHT: #ff9900 15px inset; BORDER-TOP: #ff9900 15px inset; BORDER-LEFT: #ff9900 15px inset; BORDER-BOTTOM: #ff9900 15px inset" src="http://hiphotos.baidu.com/aini_lili/pic/item/6a95c9d32c6e62e5a9ec9aad.jpg">
效果為：
圖片加框6--脊?fàn)羁?div style="height:15px;">
<IMG style="BORDER-RIGHT: #33ff66 15px ridge; BORDER-TOP: #33ff66 15px ridge; BORDER-LEFT: #33ff66 15px ridge; BORDER-BOTTOM: #33ff66 15px ridge" src="http://hiphotos.baidu.com/aini_lili/pic/item/ce102b38e50188c8b211c7ad.jpg">
效果為：
圖片加框7--凹槽框
<IMG style="BORDER-RIGHT: #cc6666 15px groove; BORDER-TOP: #cc6666 15px groove; BORDER-LEFT: #cc6666 15px groove; BORDER-BOTTOM: #cc6666 15px groove" src="http://61.147.108.52:70/p/201004/10/b2/5.jpg">
效果為：
圖片加框8--粒狀陰影框
<IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30" src="http://image16.360doc.com/DownloadImg/2010/09/1521/6215594_8.jpg">
效果為：
歡迎光臨文靜1961圖書館`
這里教大家只需用html代碼就能給你的圖片加出各種漂亮的相框，使用方法，點“<>”加入代碼，換上你的圖片網(wǎng)址，適當(dāng)調(diào)整寬度和顏色，就可以讓你的圖片錦上添花！下面是代碼：
1、簡單線框
<img src="圖片地址" style="border:5 solid #ffCCCC">
2、雙線框
<img src="圖片地址" style=" border:7 double #666FF">
3、虛線框
<img src="圖片地址" style=" border:3 dashed #990000">
4、凸出框：
<img src="圖片地址" style="border:10 outset #CCCCFF">
5、嵌入框：
<img src="圖片地址" style="border:15 inset #ff9900">
6、脊?fàn)羁颍?div style="height:15px;">
<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">
