網路城邦▼
上一篇 回創作列表 下一篇   字體:
23款貼圖效果語法整理 瀏覽270|回應5|推薦0
2008/05/23 05:14:38


感謝 平安旅者  的分享

引用文章23款貼圖效果語法整理

 

23款貼圖效果語法整理:

01.單線框:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="border:3 solid #ff0000"><br><br><br></center>
02.
双線框:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="border:5 double green"><br><br><br></center>
03.
凸出框:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="border:25 outset #ff88ff"><br><br><br></center>
04.凹進框:


<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" 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://w5.886.cn/13004487/13004487_29803.gif"></td></tr></table></center>

06.虚線框:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="border:4 dashed #ff0000"><br><br><br></center>
07.凹槽框:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="border:25 groove green" border="0"><br><br><br></center>
08.脊狀框:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" 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://w5.886.cn/13004487/13004487_29803.gif"> </td></tr></table></center>
 

10.陰影框:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:shadow(color=#32cd32)"></center>
11.横向漸層透明:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>
12.圆形漸層透明:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
13.X形漸層透明:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
14.改變某種颜色:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif"style="FILTER: Chroma(Color=#13629f)"></center>
15.黑白效果:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:'gray'"></center>
16.X光效果(底片):

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:'xray'"></center>
17.浮雕效果:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>
18.上下颠倒:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:flipv"></center>
19.左右顛倒:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:fliph"></center>
20.色彩顛倒:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:invert"></center>
21.粒狀陰影:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>
22.模糊效果:

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>
23.水波效果(風吹):

<center><img src="http://w5.886.cn/13004487/13004487_29803.gif" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>
( 網路資訊網頁設計 )
回應 轉寄 列印 加入我的文摘
上一篇 回創作列表 下一篇  

引用
引用網址:http://blog.udn.com/article/trackback.jsp?uid=alice2343&aid=1892980

 回應文章

♡ Serena ♡
等級:7
留言加入好友
~ 試試看 ~
2008/08/14 23:09

清楚的指導

~ 要來試試看 ~


可樂了=口紅老師
等級:5
留言加入好友
冒昧打擾
2008/05/30 10:08

在你這收穫真多

歡迎來看我


舊金山金芭莉
等級:7
留言加入好友
^^
2008/05/23 13:28

學到囉,謝謝^^ !!


活在當下,精采生活
瀟湘娘子(alice2343) 於 2008-05-24 21:45 回覆:
多謝來訪..

♥ yen ♥
等級:7
留言加入好友
^^
2008/05/23 10:54

這些語法可豐富圖片的變化..

謝謝娘心用心地整理出來分享...


瀟湘娘子(alice2343) 於 2008-05-24 21:51 回覆:

哈哈...這可不是我整理出來的,是人家平安旅者的作品啦!

好用,清楚,所以引回來珍藏。


我在雲深不知處
等級:6
留言加入好友
^^
2008/05/23 08:25
謝謝分享~^^
春有百花秋有月,夏有涼風冬有雪
若無閒事掛心頭,便是人間好時節