css - css 文字阴影

Question

我在一个网站上工作，我想为我的文本添加一些阴影，有没有一种简单的方法可以只使用 css 来做到这一点？我尝试在其下放置一个较暗的文本克隆，但这对于不同的尺寸会很困难。

Answer 1

您可以使用CSS3 text-shadow属性实现此目的。指定它的一般格式是：

text-shadow: *left-offset* *top-offset* *blur-distance* *color*;

示例用法：

text-shadow: 2px 2px 1px #000000;

您可以通过用逗号分隔它们的定义来创建多个阴影：

text-shadow: 2px 2px 1px #000000, -2px -2px 1px #111111;

不过，旧版本的 IE 不支持此属性；你需要使用filter：

filter: DropShadow(Color=#000000, OffX=2, OffY=2);

在哪里用您的偏好替换值。

注意：使用强大的搜索引擎Google可以很容易地找到您问题的答案。请在下次提问之前尝试一下。

另一个注意事项：您确实不必提及您正在处理的网站是成人网站。这完全无关紧要，甚至可能对某些用户来说有点不受欢迎。

不过，欢迎使用 Stackoverflow！我希望这有帮助！

Answer 2

您可以随时在文本上使用 css text-shadow：

text-shadow:1px 0px 2px grey, -1px 0px 2px grey, 0px 1px 2px grey, 0px -1px 2px grey;

将在文本周围创建一个整体阴影。