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

图片加框1--单线框

<IMG style="BORDER-RIGHT: #ffcccc 5px solid; BORDER-TOP: #ffcccc 5px solid; BORDER-LEFT: #ffcccc 5px solid; BORDER-BOTTOM: #ffcccc 5px solid" src="//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="//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="//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="//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="//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="//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="//61.147.108.52:70/p/201004/10/b2/5.jpg">

效果为：

图片加框8--粒状阴影框

<IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30" src="//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、粒状阴影框

荷花韵：