CSS 文本阴影

常规文本阴影

p { text-shadow: 1px 1px 1px #000; }

多个阴影

p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }

前两个值指定阴影偏移的长度。第一个值指定阴影的水平距离，第二个值指定阴影的垂直距离。第三个值指定模糊半径，最后一个值描述阴影的颜色。

1. 值 = X 坐标
2. 值 = Y 坐标
3. 值 = 模糊半径
4. 值 = 阴影的颜色

使用正数作为前两个值最终会将阴影水平放置在文本右侧（第一个值）并将阴影垂直放置在文本下方（第二个值）。

第三个值，模糊半径，是一个可选值，可以指定，也可以不指定。它是文本拉伸的像素量，从而产生模糊效果。如果您不使用第三个值，则将其视为指定了零模糊半径。

此外，请记住您可以使用 RGBA 值表示颜色，例如，白色 40% 的透明度。

p { text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); }