【转载】图片加上边框的方法

本文转载自学海无涯《图片加上边框的方法》

图片加上边框的方法

编辑制作：学海无涯

1。单线框 <CENTER><IMG style="BORDER-BOTTOM: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-RIGHT: #ff0000 3px solid" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_3.jpg" __1354674984781__="ev_2128250871"><BR><BR></CENTER><WBR>

2。双线框 <CENTER><IMG style="BORDER-BOTTOM: green 5px double; BORDER-LEFT: green 5px double; BORDER-TOP: green 5px double; BORDER-RIGHT: green 5px double" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_4.jpg" __1354674984781__="ev_9016720186"><BR><BR> <BR></CENTER>

3。凸出框 <CENTER><IMG style="BORDER-BOTTOM: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-RIGHT: #ff88ff 25px outset" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_5.jpg" __1354674984781__="ev_4312457512"><BR><BR><BR><BR></CENTER>

4。凹进框 <CENTER><IMG style="BORDER-BOTTOM: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-RIGHT: #ff88ff 25px inset" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_6.jpg" __1354674984781__="ev_6669241977"><BR><BR><BR></CENTER>

5。邮票框 <DIV align=center>
<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 align=center>
<TBODY>
<TR>
<TD bgColor=#aeffae height=260 vAlign=center width=260 align=middle>
<P align=center><IMG src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_7.jpg" __1354674984781__="ev_4324228105"> </P></TD></TR></TBODY></TABLE></DIV>

6。虚线框 <CENTER><IMG style="BORDER-BOTTOM: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-RIGHT: #ff0000 4px dashed" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_8.jpg" __1354674984781__="ev_5541362580"><BR><BR><BR></CENTER><WBR>

7。凹槽框 <CENTER><IMG style="BORDER-BOTTOM: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-RIGHT: green 25px groove" border=0 src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_7.jpg" __1354674984781__="ev_4398581007"><BR><BR><BR></CENTER><WBR>

8。脊状框 <CENTER><IMG style="BORDER-BOTTOM: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-RIGHT: green 25px ridge" border=0 src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_7.jpg" __1354674984781__="ev_9911888752"><BR><BR></CENTER><WBR>

9。立体阴影框 <P align=center>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" border=2 cellSpacing=3 cellPadding=15 width=260 align=center height=400>
<TBODY>
<TR>
<TD bgColor=#ffffff vAlign=center align=middle><IMG src="http://image58.360doc.com/DownloadImg/2013/01/2822/30004570_5.jpg" __1354674477156__="ev_5061084457"></TD></TR></TBODY></TABLE></P>

10。横向渐变透明 <CENTER><IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_5.jpg" __1354674984781__="ev_1793716267"></CENTER><WBR>

11。圆形渐变透明 <CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_9.jpg" __1354674984781__="ev_1153446534"></CENTER>
<P align=center> <BR></P>

12。X形渐变透明 <CENTER><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_10.jpg" __1354674984781__="ev_7470324817"></CENTER><WBR>

13。改变某种颜色 <CENTER><IMG style="FILTER: Chroma(Color=#13629f)" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_5.jpg" __1354674984781__="ev_4073387186"></CENTER><WBR>

14。黑白效果 <CENTER><IMG style="FILTER: gray" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_5.jpg" __1354674984781__="ev_7287196793"></CENTER><WBR>

15。X光效果（底片） <CENTER><IMG style="FILTER: xray" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_4.jpg" __1354679570046__="ev_7563291948"></CENTER><WBR>

16。浮雕效果 <CENTER><IMG src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_4.jpg" __1354679570046__="ev_4616765915"></CENTER>
<P align=center><BR><BR><WBR></P>

17。上下颠倒 <CENTER><IMG style="FILTER: flipv" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_4.jpg" __1354679570046__="ev_7593889567"> <BR></CENTER>

18。左右颠倒 <CENTER><IMG style="FILTER: fliph" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_4.jpg" __1354679570046__="ev_4150632858"></CENTER>
<P align=center><BR><BR><WBR></P>

19。色彩颠倒 <CENTER><IMG style="FILTER: invert" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_5.jpg" __1354679570046__="ev_1175398497"></CENTER>
<P align=center><BR><BR><WBR></P>

20。水波效果（风吹） <CENTER><IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="//image58.360doc.com/DownloadImg/2013/01/2822/30004570_4.jpg" __1354679570046__="ev_4458337881"></CENTER><WBR>