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

一：单线框

效果：

 

 

代码：

<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>

编辑：冰雪梅