框框

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>

所有跟帖： 

• 好使好使！！多謝troublemaker -francy- ♂ (0 bytes) () 05/20/2006 postreply 02:24:29

• 很完整的收集. troublemaker 今天又是好人一個. :))) -lli_go- ♀ (0 bytes) () 05/20/2006 postreply 12:49:27