用代码给您的图片加上漂亮边框

  

图片加框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--脊状框

　

<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代码就能给你的图片加出各种漂亮的相框，使用方法，点“<>”加入代码，换上你的图片网址，适当调整宽度和颜色，就可以让你的图片锦上添花！下面是代码：

　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、脊状框：

　　<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、简单线框 　

　 　

　2、双线框 　

　 　

　3、虚线框 　

　 　

　4、凸出框： 　

　 　

　5、嵌入框： 　

　 　

　6、脊状框： 　　

　

　7、凹槽框 　

　 　　

8、粒状阴影框 　　

 

荷花韵：