可點選QR code
文章專區
網頁設計相關文章
text-shadow－CSS的文字陰影
就像CSS的box-shadow可以幫區塊加上陰影一樣，CSS也有能用來幫文字上陰影的屬性－text-shadow。
可設定值如下：
text-shadow: h-shadow v-shadow blur spread color;
h-shadow：水平位移距離
v-shadow：垂直位移距離
blur：模糊半徑
spread：擴散距離
color：顏色
範例：
也可以運用此屬性達成以下效果：
光暈效果，只要將前兩個值(h-shadow、v-shadow)設為0即可。若要加強效果可多寫幾次。
文字輪廓
若有四個陰影，能夠為文字加一層輪廓。不過還可以用CSS另一個屬性text-stroke來呈現。
