新！我的 44 页电子书“CSS 在 44 分钟内”已经发布了！ 😃

立即获取 →

#text-shadow

定义文本内容的阴影。

默认 text-shadow: none;

文本内容没有阴影。

text-shadow: 2px 6px;

您至少需要两个值

  • 第一个是水平偏移量
  • 第二个是垂直偏移量

阴影颜色将从文本颜色继承。

text-shadow: 2px 6px red;

您可以将颜色定义为最后一个值。

与颜色一样，您可以使用颜色名称、十六进制、rgb、hsl...

text-shadow: 2px 4px 10px red;

可选的第三个值定义了阴影的模糊度。

在本例中，颜色将在 10 像素范围内从不透明到透明扩散。