CSS3新增文字效果

1、css3新增屬性之text-shadow：文本隂影

h1 {
    text-shadow: 5px 5px 5px #FF0000;
}

說明:

(1) <顔色>和<模糊半徑>是可選的, 當<顔色>未指定時,將使用文本顔色; 當<模糊半徑>未指定時, 半徑值爲0；

(2) shadow可以是逗號分隔的列表, 如:text-shadow: 2px 2px 2px #ccc, 3px 3px 3px #ddd;

(3) 隂影效果會按照shadow list中指定的順序應用到元素上；

(4) 這些隂影效果有可能相互重曡, 但不會曡加文本本身；

(5) 隂影可能會跑到容器的邊界之外, 但不會影響容器的大小。

2、css3新增屬性之word-wrap：自動換行

單詞太長的話就可能無法超出某個區域，允許對長單詞進行拆分，並換行到下一行

p {
    word-wrap:break-word;
}