1. 程式人生 > >用css來實現文字描邊效果

用css來實現文字描邊效果

效果如圖:


#text { float:left; color:#C60A12; filter:Dropshadow(offx=1,offy=0,color=#ffffff) Dropshadow(offx=0,offy=1,color=#ffffff) Dropshadow(offx=-1,offy=0,color=#ffffff) Dropshadow(offx=0,offy=-1,color=#ffffff);}
此效果是用css的陰影濾鏡來實現,普通的陰影濾鏡只會產生一個方向的投影,在這裡定義了四個方向的投影,所以產生了描邊的效果。

測試結果:支援IE,FF,Opera均不支援,Nescape沒有測試。

總結:純粹只是技術上的實現,具體實施上還是用圖片比較好。