text-shadow屬性可以產生陰影和模糊主體。text-shadow還沒有出現時，網頁的前端設計中陰影一般都是用photoshop做成圖片，現在有了css3可以直接使用text-shadow屬性來實現。這樣在不使用圖片時也能給文字增加立體感和藝術效果。這個屬性有些設計師反映用起來不太習慣，覺的還是用做圖工具實現起來方便。如果有這樣的想法，是很難進步的。

text-shadow曾經在css2中就出現過，但在后來的版本沒有用，現在css3版本又重新利用起來。這說明text-shadow這個屬性是很多設計經常用到的�，F在很多前端設計中，css3有很多屬性被前端設計師使用了，而text-shadow運用得也是比較頻繁的一個屬性，前端人員應該學習并掌握這個text-shadow屬性，這樣用css樣式寫出來的樣式，就省的再用做圖工具，織晶網絡一貫主張充分利用css樣式，如果css樣式樣式實現不了，才考慮使用photoshop，道理大家都明白，用css樣式打開速度快，同時有利于網站優化。

以下是text-shadow語法：

text-shadow ： none |  none | [, ] *  或none |  [,  ]*

如下：

text-shadow:[顏色(Color)  x軸(X Offset) y軸(Y Offset) 模糊半徑(Blur)],[顏色(color) x軸(X Offset) y軸(Y Offset) 模糊半徑(Blur)]...

或

text-shadow:[x軸(X Offset) y軸(Y Offset)  模糊半徑(Blur)  顏色(Color)],[x軸(X Offset) y軸(Y Offset)  模糊半徑(Blur)  顏色(Color)]...

上一篇：網站后臺如何劃分模塊（下）

下一篇：前端設計經常用到的文字陰影_text-shadow(中）