`text-shadow` 是一个CSS属性,用于为文本添加阴影效果。它可以增强文本的视觉效果,特别是在背景颜色与文本颜色相近或需要突出显示文本时。使用 `text-shadow` 可以为文本添加多个阴影层,每个阴影层可以有不同的颜色、模糊距离和方向。
基本语法如下:
```css
text-shadow: h-offset v-offset blur color;
```
其中:
* `h-offset` 是水平偏移量,表示阴影的水平距离。可以是正数(右移)或负数(左移)。
* `v-offset` 是垂直偏移量,表示阴影的垂直距离。也可以是正数(下移)或负数(上移)。
* `blur` 是模糊距离,表示阴影的模糊程度。值越大,阴影越模糊。
* `color` 是阴影的颜色。
你可以指定多个阴影层,用逗号分隔。例如:
```css
text-shadow: 2px 2px 4px #000000, -2px -2px 6px #ff00ff;
```
上面的代码将为文本添加两个阴影层:一个黑色的阴影向右下角偏移并有一定的模糊效果,另一个紫色的阴影向左上角偏移并有更大的模糊效果。
此外,为了增强效果,你还可以使用RGBA颜色值来定义阴影的颜色和透明度。例如:
```css
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); /* 半透明的黑色阴影 */
```
总的来说,`text-shadow` 是一个强大的CSS属性,可以用来增强文本的视觉效果和深度感。