常用CSS3效果：用text-shadow做CSS3 文字描邊

思路：

利用CSS3的text-shadow屬性，對文字的四個邊均用陰影。

最終效果：

單純的為了實現效果。未作任何美化。

實現代碼：

HTML：

<div>文字描邊效果</div>

CSS：

div{
　　text-shadow: 2px 0px 0px #fff,
　　　　　　　　　-2px 0px 0px #fff, 
　　　　　　　　　0px 2px 0px #000, 
　　　　　　　　　0px -2px 0px #000; 
　　}

text-shadow屬性：

語法：

text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*

相關屬性 ： 無

取值：

<color> ：

指定顏色。

<length> ：

由浮點數字和單位標識符組成的長度值。可為負值。指定陰影的水平延伸距離。

<opacity> ：

由浮點數字和單位標識符組成的長度值。不可為負值。 指定模糊效果的作用距離。如果你僅僅需要模糊效果，將前兩個 length 全部設定為 0 。請參閱 長度單位。

說明：

設置或檢索對象中文本的文字是否有陰影及模糊效果。可以設定多組效果，方式是用逗號隔開。可以被用於偽類 :first-letter 和 :first-line 。對應的腳本特性為 textShadow

 

兼容性：

text-shadow兼容除了IE系列的瀏覽器之外的Firefox3.5+以上的所有瀏覽器。。

另對IE也有兼容方法：http://www.cnblogs.com/leejersey/p/3278615.html