在CSS3中,可以使用text-shadow
屬性來(lái)設(shè)置文本陰影頭。text-shadow
屬性接受四個(gè)值,分別表示陰影的水平偏移量、垂直偏移量、模糊半徑和顏色。
要將文本設(shè)置為具有藍(lán)色陰影頭的樣式,可以使用以下CSS代碼:
h1 { text-shadow: 5px 5px 10px blue; }
上述代碼會(huì)將h1
元素的文本設(shè)置為具有藍(lán)色陰影頭的樣式。5px 5px
表示陰影的水平偏移量和垂直偏移量均為5像素,10px
表示模糊的半徑為10像素,blue
表示陰影的顏色為藍(lán)色。
如果想要設(shè)置其他樣式的陰影頭,可以調(diào)整這些值,要將文本設(shè)置為具有綠色陰影頭的樣式,可以將顏色值改為green
:
h1 { text-shadow: 5px 5px 10px green; }
還可以設(shè)置多個(gè)陰影頭,以實(shí)現(xiàn)更復(fù)雜的文本樣式,要將文本設(shè)置為具有藍(lán)色和綠色兩個(gè)陰影頭的樣式,可以使用以下CSS代碼:
h1 { text-shadow: 5px 5px 10px blue, -5px -5px 10px green; }
上述代碼會(huì)將h1
元素的文本設(shè)置為具有藍(lán)色和綠色兩個(gè)陰影頭的樣式,***個(gè)陰影頭的顏色為藍(lán)色,第二個(gè)陰影頭的顏色為綠色,注意,第二個(gè)陰影頭的偏移量設(shè)置為負(fù)值,以實(shí)現(xiàn)與***個(gè)陰影頭不同的位置效果。