CSS3給我們帶來了很多新的樣式效果,其中文字陰影也是其中的一種。
要給文字添加陰影,可以使用text-shadow屬性,該屬性接受四個參數(shù),分別是水平偏移、垂直偏移、模糊度和顏色。下面是一個例子:
p { text-shadow: 2px 2px 2px #999; }
這表示給p元素中的文字添加了一個水平偏移和垂直偏移都為2px的陰影,模糊度為2px,顏色為#999。可以根據(jù)實際需求變更這些參數(shù)。
text-shadow還可以通過逗號分隔來添加多個陰影效果,如:
p { text-shadow: 2px 2px 2px #999, -2px -2px 2px #333; }
這個例子表示給p元素中的文字添加了兩個陰影效果,一個是水平和垂直都偏移2px的淺灰色陰影,一個是水平和垂直都偏移-2px的深灰色陰影。
總之,text-shadow屬性可以為文字添加出色的陰影效果,讓頁面看起來更加華麗。
下一篇css3加黑色遮罩