分享

教你用代码给网页图片上加精美边框小窍门(附代码超实用)

 天佐图书馆 2013-04-20

 

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="图片地址" __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="图片地址" __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="图片地址" __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="图片地址" __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="图片地址" __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="图片地址" __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="图片地址" __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="图片地址" __1354674984781__="ev_9911888752"><BR><BR></CENTER><WBR>
 
  图片加上边框的方法 - 学海无涯
 
 
 
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约