|
圖片加框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)羁?/font>
<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"> 效果為：
這里教大家只需用html代碼就能給你的圖片加出各種漂亮的相框，使用方法，點(diǎn)“<>”加入代碼，換上你的圖片網(wǎng)址，適當(dāng)調(diào)整寬度和顏色，就可以讓你的圖片錦上添花！下面是代碼：
1、簡(jiǎn)單線框 <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)羁颍?/p> <img src="圖片地址" style="border:15 ridge #33FF66"> 7、凹槽框 <img src="圖片地址" style="border:15 groove #CC6666"> 8、粒狀陰影框 <img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30"> 效果： 原圖：
1、簡(jiǎn)單線框 2、雙線框 3、虛線框 4、凸出框： 5、嵌入框： 6、脊?fàn)羁颍?
7、凹槽框 8、粒狀陰影框
荷花韻：
|
|
|
