CSS可以通過添加text-shadow
屬性來使文字產(chǎn)生陰影效果。text-shadow
屬性接受四個值,分別代表陰影的偏移量(水平方向和垂直方向)、陰影的模糊半徑以及陰影的顏色。
要給文字添加向右偏移10px、模糊半徑為5px、顏色為灰色的陰影,可以使用以下CSS代碼:
text-shadow: 10px 0 5px gray;
10px
表示陰影向右偏移10像素,0
表示陰影在垂直方向上偏移0像素,5px
表示陰影的模糊半徑為5像素,gray
表示陰影的顏色為灰色。
如果想要調(diào)整陰影的大小和顏色,可以修改這些值,將陰影顏色改為藍(lán)色,可以將gray
改為blue
:
text-shadow: 10px 0 5px blue;
這樣,文字就會加上向右偏移10px、模糊半徑為5px、顏色為藍(lán)色的陰影。
需要注意的是,text-shadow
屬性支持的瀏覽器較多,但在一些較老的瀏覽器版本中可能不支持該屬性,在使用之前***好先測試一下目標(biāo)瀏覽器是否支持該屬性。