html 图片放大div自动加边框,html代码——给图片加边框代码

图片加边框代码

这里教大家只需用html代码就能给你的图片加出各种漂亮的相框，使用方法，点“<>”加入代码，换上你的图片网址，适当调整宽度和颜色，就可以让你的图片锦上添花！下面是代码：

1、简单线框

2、双线框

3、虚线框

4、凸出框：

5、嵌入框：

6、脊状框：

7、凹槽框

8、粒状阴影框

做个效果：

一

原图：

1、简单线框

2、双线框

3、虚线框

4、凸出框：

5、嵌入框：

6、脊状框：

7、凹槽框

8、粒状阴影框

代码：

　　1、简单线框 　

　 　

　2、双线框 　

　 　

　3、虚线框 　

　 　

　4、凸出框： 　

　 　

　5、嵌入框： 　

　 　

　6、脊状框： 　　

　

　7、凹槽框 　

　 　　

8、粒状阴影框 　　

——————————————————

二原图：

1. 图片单边框的代码:

src="http://image32.360doc.com/DownloadImg/2011/07/1418/14223983_2.jpg" style="border:3 solid #ff0000">

下面是一的效果图:

2.图片双边框的代码: 

src="http://image32.360doc.com/DownloadImg/2011/07/1418/14223983_2.jpg" style="border:5 double green">

下面是二的效果图:

3.立体镜框的代码(一): 

style="border:25 outset #ff88ff">

下面是三的效果图:

4.立体镜框的代码(二): 

src="http://image32.360doc.com/DownloadImg/2011/07/1418/14223983_2.jpg" style="border:25 inset #ff88ff">

下面是四的效果图:

5.虚线框的代码:

下面是五的效果图:

6.凹槽框的代码: 

下面是六的效果图:

7.脊状框的代码: 

下面是七的效果图:

八：立体阴影框代码如下：

效果图：

九：立状阴影代码如下：

效果图：

当然以上代码也可用在制作日记的边框上，或者个人档案里的文字和图片，大家可以举一反三。颜色可以改为自己喜欢的。