一:單線框
效果:
代碼:
<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>
四:凹進(jìn)框
效果:
代碼:
<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="圖片地址">
九:脊?fàn)羁?div style="height:15px;">
效果:
代碼:
<img src="圖片地址" style="border:25 ridge green" border="0"><br><br><br></center>
編輯:冰雪梅