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