23款貼圖效果語法整理:
01.單線框:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="border:3 solid #ff0000"><br><br><br></center>
02.双線框:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="border:5 double green"><br><br><br></center>
03.凸出框:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="border:25 outset #ff88ff"><br><br><br></center>
04.凹進框:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="border:25 inset #ff88ff"><br><br><br></center>
05.郵票框:
<center><table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"> <tr><td bgcolor="#aeffae" width=400 height=306 align=center valign=middle><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg"></td></tr></table></center>
06.虚線框:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="border:4 dashed #ff0000"><br><br><br></center>
07.凹槽框:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="border:25 groove green" border="0"><br><br><br></center>
08.脊狀框:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="border:25 ridge green" border="0"><br><br><br></center>
09.立体陰影框:
 <center><table width=400 height=306 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://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg"> </td></tr></table></center>
10.陰影框:
<center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:shadow(color=#32cd32)"></center>
11.横向漸層透明:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>
12.圆形漸層透明:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
13.X形漸層透明:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
14.改變某種颜色:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg"style="FILTER: Chroma(Color=#13629f)"></center>
15.黑白效果:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:'gray'"></center>
16.X光效果(底片):
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:'xray'"></center>
17.浮雕效果:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>
18.上下颠倒:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:flipv"></center>
19.左右顛倒:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:fliph"></center>
20.色彩顛倒:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:invert"></center>
21.粒狀陰影:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>
22.模糊效果:
 <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>
23.水波效果(風吹): <center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_1433784_1.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center> 
|
|
|
*...部份語法 雅虎部落格 目前尚無支援...*