CSS字體陰影的設(shè)置可以通過(guò)text-shadow
屬性來(lái)實(shí)現(xiàn),這個(gè)屬性接受四個(gè)值,分別是水平偏移、垂直偏移、模糊半徑和顏色,下面是一個(gè)具體的例子:
h1 { text-shadow: 2px 2px 4px #000000; }
在這個(gè)例子中,text-shadow
屬性將h1
元素的文本設(shè)置為具有2像素的水平偏移和2像素的垂直偏移,模糊半徑為4像素,顏色為黑色,你可以根據(jù)需要調(diào)整這些值,以實(shí)現(xiàn)不同的字體陰影效果。
需要注意的是,text-shadow
屬性在較舊的瀏覽器版本中可能不被支持,在使用這個(gè)屬性時(shí),***好先確認(rèn)你的目標(biāo)瀏覽器是否支持它。
如果你想要更復(fù)雜的字體陰影效果,比如多個(gè)不同顏色和大小的陰影,你可以使用多個(gè)text-shadow
屬性來(lái)疊加效果,下面是一個(gè)例子:
h1 { text-shadow: 2px 2px 4px #000000, 4px 4px 8px #333333, 6px 6px 12px #666666; }
在這個(gè)例子中,h1
元素的文本將具有三層不同的字體陰影效果,你可以根據(jù)需要調(diào)整每個(gè)陰影的顏色、大小和偏移量,以實(shí)現(xiàn)更豐富的視覺(jué)效果。