網路城邦
上一篇 回創作列表 下一篇   字體:
23款貼圖效果語法整理
2008/05/04 01:33:13瀏覽2256|回應8|推薦79

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>


*...部份語法 雅虎部落格 目前尚無支援...*

( )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=jeffrey8869&aid=1836852
 引用者清單(4)  
2008/05/23 05:14 【瀟湘藝廊】 23款貼圖效果語法整理
2008/05/09 14:45 【荷塘若夢】 23款貼圖效果語法整理
2008/05/04 19:30 【anna19871987 的部落格】
2008/05/04 19:30 【anna19871987 的部落格】

 回應文章


等級:
留言加入好友
︿︿
2008/05/06 20:40
謝謝老師滴分享,我帶走幾個ㄌ~
平安旅者(jeffrey8869) 於 2008-05-07 23:52 回覆:

ㄅㄎㄑ.....請服用...


anna you
等級:8
留言加入好友
有您真好
2008/05/06 08:52

我帶走虛線框啦

感謝您的分享

有您真好

88囉

平安旅者(jeffrey8869) 於 2008-05-07 23:59 回覆:

哪裡.....打伙喜歡就好....


Cathy
How are you !!
2008/05/05 16:35

Hi , 師兄 好 :

真糟糕...我連 ' 登入 ' 都懶得打. 但有空都先來看您 與 星師 又有何佳作.

真佩服您...又要創作...又要教學分享..等我休息夠了. 再來陪您玩 !!

請多保重 !! 祝  平安喜樂 !!  bye~~~~~~~~~~~~~

平安旅者(jeffrey8869) 於 2008-05-05 16:54 回覆:
師妹ㄚ...尼真滴粉懶勒.... 罰尼回華山 思過崖 煮飯....

*愛天使*
等級:8
留言加入好友
*啊*
2008/05/04 19:33

今天開始學語法

可是這個好難喔

平安旅者(jeffrey8869) 於 2008-05-05 16:55 回覆:
尼太客氣囉....


等級:
留言加入好友
我來啦~~
2008/05/04 17:55

是ㄚ~要不是我還有在用奇摩滴,

我都快忘ㄌ它滴存在ㄌ

是該過去晃晃ㄌ~

平安旅者(jeffrey8869) 於 2008-05-05 17:00 回覆:
尼ㄚ虎素哪個ㄚ???

玉狐狸
等級:8
留言加入好友
2008/05/04 12:08

音樂狐狸拿走了

謝謝你的分享

平安旅者(jeffrey8869) 於 2008-05-05 17:01 回覆:
ㄅㄎㄑ....請服用....

品涵
等級:8
留言加入好友
^_^
2008/05/04 11:21

抱歉喔 霧煞煞看無

平安旅者(jeffrey8869) 於 2008-05-05 17:03 回覆:
粉容易滴啦....先選自己喜歡滴一款試試...

月下老人
等級:7
留言加入好友
坐沙發...
2008/05/04 11:10
看表演...
還沒玩過開心寶貝? 請加入月老社區,立即遊玩!!

請點上圖進入簡單註冊一下即可開始玩...^^b
平安旅者(jeffrey8869) 於 2008-05-05 17:04 回覆:
午夜場還有鋼管ㄛ.....