文字陰影text shadow

2022-05-03 19:42:13 字數 409 閱讀 8028

text-shadow可以用來設定文字的陰影效果。

語法:

text-shadow: x-offset y-offset blur color;

x-offset:表示陰影的水平偏移距離,其值為正值時陰影向右偏移,反之向左偏移;      

y-offset:是指陰影的垂直偏移距離,如果其值是正值時,陰影向下偏移,反之向上偏移;

blur:是指陰影的模糊程度,其值不能是負值,如果值越大,陰影越模糊,反之陰影越清晰,如果不需要陰影模糊可以將blur值設定為0;

color:是指陰影的顏色,其可以使用rgba色。

比如,我們可以用下面**實現設定陰影效果。

text-shadow: 0 1px 1px #fff

《CSS3實戰》文字陰影 text shadow

語法 none none 或none 取值簡單說明 type text css pstyle 簡單小結 text shadow屬性的第乙個值表示水平位移 第二個值表示垂直位移,正值偏右或偏下 負值偏上或偏左 第三個值表示模糊半徑,該值可選 第四個值表示陰影的顏色,該值可選。示例 通過陰影增加前景色和...

CSS3 文字陰影 text shadow

text shadow x offset y offset blur color x offset 表示陰影的水平偏移距離,其值為正值時陰影向右偏移,反之向左偏移 y offset 是指陰影的垂直偏移距離,如果其值是正值時,陰影向下偏移,反之向上偏移 blur 是指陰影的模糊程度,其值不能是負值,如...

CSS3 一 文字陰影text shadow屬性

文字陰影text shadow屬性特效 1.右下角陰影,左下角陰影,左上角陰影,右上角陰影 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title text shadow title 6 style 7p 16style 1...