在CSS中,我們可以使用text-shadow
屬性為字體添加投影效果圖。text-shadow
屬性接受四個值,分別表示投影的水平和垂直偏移量、模糊半徑以及顏色,下面是一個簡單的例子:
h1 { text-shadow: 5px 5px 10px #000; }
在這個例子中,h1
元素的文字將有一個黑色的投影,投影的水平和垂直偏移量都是5px
,模糊半徑為10px
,你可以根據(jù)自己的需要調(diào)整這些值,以得到不同的投影效果。
如果你想要添加多個投影,可以使用逗號分隔多個text-shadow
值:
h1 { text-shadow: 5px 5px 10px #000, -5px -5px 10px #333; }
在這個例子中,h1
元素的文字將有兩個投影,一個是黑色,另一個是深灰色,每個投影都有自己的水平和垂直偏移量,以及一個模糊半徑。
text-shadow
屬性在舊版本的瀏覽器中可能不被支持,在使用之前,***好先檢查你的目標(biāo)瀏覽器是否支持這個屬性,如果不支持,你可以考慮使用其他方法來實(shí)現(xiàn)類似的效果,或者考慮使用CSS的降級處理。