CSS樣式表有非常強(qiáng)大的功能，調(diào)用CSS語句的各種濾鏡屬性和屬值修飾圖片邊框，或編輯音畫貼邊框，可以得到精采的效果．先看兩種貼圖標(biāo)簽的不同效果．
（１）HTML貼圖標(biāo)簽代碼如下：
<INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg"type=image width=350 style="border:16px #0000ff double">
顯示結(jié)果：
（２）套用樣式表語句的HTML貼圖代碼如下：
<INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg"type=image width=350 style="border:25px #2828FF double">
◆style=套用CSS標(biāo)記．
◆border:25px #2828FF double 雙線邊框語句，寬25點(diǎn)，藍(lán)色．
顯示結(jié)果（圖片有藍(lán)色雙線邊框）：
（１）粒狀陰影邊框?qū)嵗a：
顯示結(jié)果：
（2）郵票邊框?qū)嵗a：
顯示結(jié)果：
（3）圖片圓形羽化實(shí)例代碼：
◆圓形羽化的屬性與參數(shù)是tyle="FILTER: alpha(opacity=100,style=2)"．
◆如果須要矩形羽化，把羽化屬性與參數(shù)改為style=3，即可．
圓形羽化圖片顯示結(jié)果：
（4）圖片左右顛倒實(shí)例代碼：
◆filter:fliph (向右)
◆fliph:filter (向左)
顯示結(jié)果：
（5）立體陰影框?qū)嵗a：
顯示結(jié)果：
（5）圖片加短矩形邊框?qū)嵗a：
顯示結(jié)果：
（6）圖片加立體邊框?qū)嵗a：
顯示結(jié)果：
◇
擊點(diǎn)打開html代碼瀏覽器◇
原創(chuàng)編輯：游子
2005年10月試編 2006年06月改編
2007年04月改編 2008年11月改編
（為了讓更多網(wǎng)友學(xué)用html代碼制作音畫貼，本貼歡迎轉(zhuǎn)載．但是．我用了很多時(shí)間和精力編寫這些資料的，轉(zhuǎn)載時(shí)請(qǐng)注意網(wǎng)絡(luò)上的榮辱公德不要把原創(chuàng)編輯游子的名字改掉。謝謝！）
23種CSS圖片修飾效果演示
1。單線框
2。雙線框
3。凸出框
4。凹進(jìn)框
5。郵票框
6。虛線框
7。凹槽框
8。脊?fàn)羁?div style="height:15px;">
9。立體陰影框
10。陰影框
11。橫向漸變透明
12。圓形漸變透明
13。X形漸變透明
14。改變某種顏色
15。黑白效果
16。X光效果（底片）
17。浮雕效果
18。上下顛倒
19。左右顛倒
20。色彩顛倒
21。粒狀陰影
22。模糊效果
23。水波效果（風(fēng)吹）
23種CSS圖片修飾效果代碼:
