【叶脉空间】网页素材、博客装饰、在线工具、生活百科、唯美音画 —— 最实用、最简便、最多样的网页助手平台
博客网页常用几款图片边框HTML代码_博客技巧_【叶脉空间】——网页素材、博客装饰、在线工具、生活百科、唯美音画—— 最实用、最简便、最多样的网页助手平台
当前位置:首页 > 网页素材 > 博客装饰 > 博客技巧 > 详细内容
博客网页常用几款图片边框HTML代码
阅读次数:3126  字体大小: 【】 【】【

        

         1、单边框

  
  
  

<DIV style="WIDTH: 66%; HEIGHT: 60%">
<DIV style="BORDER-RIGHT: 5px solid; BORDER-TOP: 5px solid; BORDER-LEFT: 5px solid; BORDER-BOTTOM: 5px solid"><IMG style="WIDTH: 632px; HEIGHT: 260px" height=260 src="图片地址" width=800></DIV>

          
         2、双边框
  
  



  

<CENTER><IMG style="BORDER-RIGHT: 5px double; BORDER-TOP: 5px double; BORDER-LEFT: 5px double; WIDTH: 800px; BORDER-BOTTOM: 5px double; HEIGHT: 260px" height=260 src="图片地址" width=300><BR><BR><BR></CENTER>

  


<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=4 borderColorDark=#335599 cellPadding=3 width="100%" borderColorLight=#3333cc border=3>
<TBODY>
<TR>
<TD>
<P align=center><IMG height=260 src="图片地址" width=700></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
  
3、虚线框


  

<DIV style="BORDER-RIGHT: #f08080 2px dashed; BORDER-TOP: #f08080 2px dashed; BORDER-LEFT: #f08080 2px dashed; BORDER-BOTTOM: #f08080 2px dashed; BACKGROUND-COLOR: #ffdab9"><IMG style="WIDTH: 654px; HEIGHT: 260px" height=260 src="图片地址" width=700></DIV>

  

  



  

<CENTER><IMG style="BORDER-RIGHT: #ff0000 5px dashed; BORDER-TOP: #ff0000 5px dashed; BORDER-LEFT: #ff0000 5px dashed; WIDTH: 714px; BORDER-BOTTOM: #ff0000 5px dashed; HEIGHT: 284px" height=355 src="图片地址" width=800><BR><BR><BR></CENTER>
  

  

           4、立体边框
  

  

  


  
<DIV style="WIDTH: 70%; HEIGHT: 70%">
<DIV style="BORDER-RIGHT: 10pt ridge; BORDER-TOP: 10pt ridge; BORDER-LEFT: 10pt ridge; BORDER-BOTTOM: 10pt ridge">
<DIV align=left><IMG style="WIDTH: 600px; HEIGHT: 260px" height=260 src="图片地址" width=600></DIV></DIV></DIV>

  

  


  <TABLE height=260 cellSpacing=4 width=700 background=/user/yemaishuyin/图片/首页底图.jpg border=1>
<TBODY>
<TR>
<TD><IMG height=260 src="图片地址"   width=700></TD></TR></TBODY></TABLE>

  

5.邮票框

  


<TABLE style="BORDER-RIGHT: #f6ae56 5px dashed; BORDER-TOP: #f6ae56 5px dashed; BORDER-LEFT: #f6ae56 5px dashed; WIDTH: 560px; BORDER-BOTTOM: #f6ae56 5px dashed; HEIGHT: 260px" cellSpacing=5 cellPadding=0 bgColor=#f6ae56>
<TBODY>
<TR>
<TD vAlign=center align=middle height=200><FONT size=4><IMG style="WIDTH: 660px; HEIGHT: 260px" height=260 src="图片地址" width=469></FONT></TD></TR></TBODY></TABLE>


  
8.立体阴影框



<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=260 cellSpacing=3 cellPadding=15 width=700 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><IMG style="WIDTH: 714px; HEIGHT: 259px" height=260 src="http://a.cdn.zhuolaoshi.cn/user/yemaishuyin/图片/首页底图.jpg" width=700></TD></TR></TBODY></TABLE>


17、粒状阴影




<P align=left><IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)" height=260 src="http://a.cdn.zhuolaoshi.cn/user/yemaishuyin/图片/首页底图.jpg" width=700></IMG></P></DIV>

  

  


  




        

   本空间所有内容、链接皆选摘自网络,若有不妥,敬请留言!由中网提供网站空间与技术支持,京ICP备10048112号。