给图片加边框代码

给图⽚加边框代码
图⽚加边框代码
这⾥教⼤家只需⽤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、粒状阴影框 代码： —————————————————— ⼆原图： 1. 图⽚单边框的代码:<center>
<imgsrc="/DownloadImg/2009/3/26/92346_2922658_2.jpg"
style="border:3 solid #ff0000"></center> 下⾯是⼀的效果图: 2.图⽚双边框的代码: <center> <imgsrc="/DownloadImg/2009/3/26/92346_2922658_2.jpg"
style="border:5 double green"></center> 下⾯是⼆的效果图: 3.⽴体镜框的代码
（⼀）: <center><img
src=/DownloadImg/2009/3/26/92346_2922658_2.jpgstyle="border:25 outset #ff88ff"></center> 下⾯是三的效果图: 4.⽴体镜框的代码（⼆）: <center>
<imgsrc="/DownloadImg/2009/3/26/92346_2922658_2.jpg"
style="border:25 inset #ff88ff"></center> 下⾯是四的效果图: 5.虚线框的代码:<center> <img src="/DownloadImg/2009/3/26/92346_2922658_2.jpg"
style="border:4 dashed #ff0000"></center> 下⾯是五的效果图: 6.凹槽框的代码: <center> <img src="/DownloadImg/2009/3/26/92346_2922658_2.jpg"
style="border:25 groove green" border="0"></center> 下⾯是六的效果图: 7.脊状框的代
码: <center> <img
src="/DownloadImg/2009/3/26/92346_2922658_2.jpg"
style="border:25 ridge green" border="0"></center> 下⾯是七的效果图: ⼋：⽴体阴影框代码如下： <TABLE style="FILTER:
progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=100 cellSpacing=3 cellPadding=15 width=100 border=2><TBODY><TR><TD
Align=center align=middle bgColor=#ffffff><IMG src="图⽚地址"></TD></TR></TBODY>
</TABLE> 效果图：九：⽴状阴影代码如下： <IMG style="FILTER:
progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="图⽚地址"> 效果图：当然以上代码也可⽤在制作⽇记的边框上，或者个⼈档案⾥的⽂字和图⽚，⼤家可以举⼀反三。

颜⾊可以改为⾃⼰喜欢的。

全屏FLASH代码注意：＆要换成⼩写& <img
src=";nnerHTML+=''<div style=\'';top:0;left:0;\''><EMBED src=\''地址\'' quality=high
wmode=\''transparent\'' WIDTH=\''775\'' HEIGHT=\''655\'' TYPE=\''application/x-shockwave-flash\''></div>'';"> 或者 <img src=";rHTML+=''<div style=\'';top:0;left:0;\''><EMBED src=\''FLASH 地址\''quality=high wmode=\''transparent\'' WIDTH=\''1000\'' HEIGHT=\''700\''
TYPE=\''application/x-shockwave-flash\''></div></div>'';">。