如何在图片加边框的html代码
图片加边框的代码 一.原图：醉夕阳的最爱——调皮小外孙http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690
二.各种加框效果图
1、简单线框 http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690 2、双线框 http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690 3、虚线框 http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690 4、凸出框：
http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690 5、嵌入框： http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690 6、脊状框： http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690 7、凹槽框 http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690 8、粒状阴影框 http://s4.sinaimg.cn/bmiddle/503ff9deg6e4020d82cf3&690 三代码： 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:15groove #CC6666"> 8、粒状阴影框 <img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">四.使用方法在您的博客发博文的编辑界面，在【显示源代码】前面打上勾后，加入您需用的代码（如第一排的：简单线框 <img src="图片地址" style="border:5 solid #ffCCCC">），换上你的图片网址，适当调整宽度和颜色，再将【显示源代码】前面的勾去掉，显示了加框的效果，满意点击【发博文】即可。
页:
[1]