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

图文：网络    编辑：重庆玉郎

【精品博文】  ☆  绿豆与板蓝根专治酒精肝和脂肪肝   ☆   少林易筋经   ☆   中国古代各式各样的精美宫扇(图)   ☆  春的诱惑   ☆  从内裤看穿男人性年龄   ☆  神秘石窟   ☆  听说这就是世外桃源   ☆  黄河人家   ☆  独一无二的红珊瑚雕刻   ☆  一两银子到底值多少钱   ☆  工笔花鸟作品选   ☆  12个怪现象   ☆  狠话狂飙 句句 经典   ☆  狠话狂飙 句句经典   ☆  精选实用春联10000副   ☆  驾车必看100条基本常识   ☆  >如何判断行 车时的各种车距

1。单线框

<CENTER><IMG style="BORDER-BOTTOM: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; WIDTH: 500px; HEIGHT: auto; BORDER-TOP: #ff0000 3px solid; BORDER-RIGHT: #ff0000 3px solid" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"></CENTER>

2。双线框

<CENTER><IMG style="BORDER-BOTTOM: green 5px double; BORDER-LEFT: green 5px double; WIDTH: 500px; HEIGHT: auto; BORDER-TOP: green 5px double; BORDER-RIGHT: green 5px double" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"></CENTER>

3。凸出框

  <CENTER><IMG style="BORDER-BOTTOM: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; WIDTH: 500px; HEIGHT: auto; BORDER-TOP: #ff88ff 25px outset; BORDER-RIGHT: #ff88ff 25px outset" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"> </CENTER>

5。邮票框

<TABLE style="BORDER-BOTTOM: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-RIGHT: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56><TBODY><TR><TD bgColor=#aeffae height=320 vAlign=center width=500 align=middle><IMG style="WIDTH: 500px; HEIGHT: auto" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"> </TD></TR></TBODY></TABLE></CENTER>

6。虚线框

 <CENTER><IMG style="BORDER-BOTTOM: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; WIDTH: 500px; HEIGHT: auto; BORDER-TOP: #ff0000 4px dashed; BORDER-RIGHT: #ff0000 4px dashed" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"> </CENTER>

7。凹槽框

<CENTER><IMG style="BORDER-BOTTOM: green 25px groove; BORDER-LEFT: green 25px groove; WIDTH: 500px; HEIGHT: auto; BORDER-TOP: green 25px groove; BORDER-RIGHT: green 25px groove" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"> </CENTER>

8。脊状框

  <CENTER><IMG style="BORDER-BOTTOM: green 25px ridge; BORDER-LEFT: green 25px ridge; WIDTH: 500px; HEIGHT: auto; BORDER-TOP: green 25px ridge; BORDER-RIGHT: green 25px ridge" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"> </CENTER>

9。立体阴影框

<CENTER>

<TABLE border=2 cellSpacing=3 cellPadding=15 width=500 height=400><TBODY><TR>

<TD bgColor=#ffffff vAlign=center align=middle><IMG style="WIDTH: 500px; HEIGHT: auto" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"> </TD></TR></TBODY></TABLE></CENTER>

10圆形渐变透明

<CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0); WIDTH: 500px; HEIGHT: auto" src="http://image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"> </CENTER>

11。粒状阴影

  <CENTER><IMG style=" FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="//image98.360doc.com/DownloadImg/2014/04/1721/40855012_12.jpg"></CENTER>