分享

博客常用代码--图片边框

 幽阁 2010-02-01

博客常用代码--图片边框

一:单线框

效果:

 

博客常用代码--图片边框 - 风和日丽 - 风和日丽


 

 

代码:

<center><img src="图片地址" style="border:3 solid #ff0000"><br><br><br></center>

二:双线框

效果:

 

博客常用代码--图片边框 - 风和日丽 - 风和日丽


 

 

代码:

<center> 
<img src="图片地址" width=640 height=480 style="border:5 double green"><br><br><br></center>

三:凸出框

效果:

 

博客常用代码--图片边框 - 风和日丽 - 风和日丽


 

代码:

<center> 
<img src="图片地址"style="border:25 outset #FF00FF"><br><br><br></center>

四:凹进框

效果:

 

博客常用代码--图片边框 - 风和日丽 - 风和日丽

 

代码:

<center> <img src="图片地址" style="border:25 inset #ff00ff"><br></center>

五:邮票框

效果:

 

博客常用代码--图片边框 - 风和日丽 - 风和日丽

代码:

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

:虚线框

效果:

 

博客常用代码--图片边框 - 风和日丽 - 风和日丽


 

代码:

<CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="图片地址"><BR><BR><BR></CENTER>

七:立体阴影框

效果:

 

博客常用代码--图片边框 - 风和日丽 - 风和日丽
 

代码:

<CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=400 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><IMG src="图片地址"></TD></TR></TBODY></TABLE></CENTER>

八:粒状阴影框

效果:

 

代码:

<IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30" src="图片地址"> 

九:脊状框

效果:

 




 

代码:

<img src="图片地址" style="border:25 ridge green" border="0"><br><br><br></center>

编辑:冰雪梅

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多