框框

1.单线框
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="border:3 solid #ff0000"><br><br><br></center>

双线框
<CENTER> <img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="border:5 double green"><br><br><br></center>

凸出框
<CENTER> <img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="border:25 outset #ff88ff"><br><br><br></center>

凹进框
<CENTER> <img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="border:25 inset #ff88ff"><br></center>

邮票框
<CENTER> <TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56><TBODY><TR> <TD vAlign=center align=middle bgColor=#aeffae width=450 height=350><P align=left><IMG src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350></P></TD></TR></TBODY></TABLE></CENTER>

虚线框
<CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350><BR><BR><BR></CENTER>

凹槽框
<CENTER> <img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="border:25 groove green" border="0"><br><br><br></center>

脊状框
<CENTER> <img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="border:25 ridge green" border="0"><br><br><br></center>

脊状框

立体阴影框
<CENTER> <table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"> <tr><td bgcolor="#ffffff" align=center valign=middle><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350></td></tr></table></center>

阴影框
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:shadow(color=#32cd32)"></center>

横向渐变透明
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>

圆形渐变透明
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

X形渐变透明
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

改变某种颜色
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="FILTER: Chroma(Color=RED)"></center>

黑白效果
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:'gray'"></center>

X光效果（底片）
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:'xray'"></center>

浮雕效果
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

上下颠倒
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:flipv"></center>

左右颠倒
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:fliph"></center>

色彩颠倒
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:invert"></center>

粒状阴影
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>

模糊效果
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

水波效果（风吹）
<CENTER><img src="http://i4.tinypic.com/105pe8h.jpg"width=450 height=350 style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>