在CSS中,可以使用text-shadow
屬性為文本添加陰影,該屬性接受四個(gè)值,分別表示陰影的偏移量(水平方向和垂直方向)、模糊半徑以及顏色,下面是一個(gè)示例:
h1 { text-shadow: 5px 5px 10px #000; }
上述代碼將為h1
元素添加陰影,偏移量為5像素,模糊半徑為10像素,顏色為黑色,你可以根據(jù)需要調(diào)整這些值,注意,text-shadow
屬性在舊版本的瀏覽器中可能不被支持,因此請(qǐng)確保你的目標(biāo)瀏覽器支持該屬性。
CSS還支持為文本添加多個(gè)陰影,只需在text-shadow
屬性中逗號(hào)分隔每個(gè)陰影定義即可。
h1 { text-shadow: 5px 5px 10px #000, -5px -5px 10px #ff0; }
上述代碼將為h1
元素添加兩個(gè)陰影,一個(gè)是黑色,另一個(gè)是黃色,這種方法可以創(chuàng)建更復(fù)雜的文本陰影效果。