《给你的图片添上各种边框代码实用技巧》

《图片加上边框代码实用技巧》

1。单线框 

 

  </FONT></STRONG></P>
<P><STRONG><FONT color=#ff0000 size=5>1。单线框</FONT></STRONG> </P>
<CENTER><IMG style=" BORDER-BOTTOM: #ff0000 3px solid" src="http://image22.360doc.com/DownloadImg/2011/01/2507/8723587_1.jpg"></CENTER>

2。双线框

 

   

 

<CENTER><IMG style="BORDER-RIGHT: green 5px double; BORDER-BOTTOM: green 5px double" src="http://image22.360doc.com/DownloadImg/2011/01/2507/8723587_1.jpg">

 

 

3。凸出框     <CENTER><IMG style=" BORDER-BOTTOM: #ff88ff 25px outset" src="http://image22.360doc.com/DownloadImg/2011/01/2507/8723587_1.jpg">        5。邮票框

 

<CENTER> <TABLE style=" BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56> <TD vAlign=center align=middle width=260 bgColor=#aeffae height=260><IMG src="http://image22.360doc.com/DownloadImg/2011/01/2507/8723587_1.jpg">

 

6。虚线框     <CENTER><IMG style=" BORDER-BOTTOM: #ff0000 4px dashed" src="http://image22.360doc.com/DownloadImg/2011/01/2507/8723587_1.jpg">

 

 

7。凹槽框  
<CENTER><IMG style=" BORDER-BOTTOM: green 25px groove" src="http://image22.360doc.com/DownloadImg/2011/01/2507/8723587_1.jpg" border=0>
       8。脊状框     <CENTER><IMG style=" BORDER-BOTTOM: green 25px ridge" src="http://img.blog.163.com/photo/8xSPchQet8Nq79-y6jl1XQ==/614741349136179132.jpg" border=0>
9。立体阴影框  

 

 <CENTER> <TABLE style=" FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=260 border=2> <TD vAlign=center align=middle bgColor=#ffffff><IMG src="http://image22.360doc.com/DownloadImg/2011/01/2507/8723587_1.jpg">

 

 

 10圆形渐变透明      

<CENTER><IMG style=" FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://img.blog.163.com/photo/8xSPchQet8Nq79-y6jl1XQ==/614741349136179132.jpg">

 

11。粒状阴影   <CENTER><IMG style=" FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://image22.360doc.com/DownloadImg/2011/01/2507/8723587_1.jpg">