CSS文本阴影

Question

3

我正在制作一个网站，想要给我的文本添加一些阴影效果，是否有一种只使用CSS就能实现的简单方法？我尝试将文本的较暗克隆放在其下方，但这在不同大小的文本上会很困难。

- Life Knife

1

我想指出text-shadow属性在IE的早期版本中无法使用。 - user1329212

2个回答

1

你可以在文本上使用CSS text-shadow任意次数：

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

将在文本周围创建一个阴影效果。

- Dariush Jafari

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Chris · Accepted Answer

你可以使用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！希望这能对你有所帮助！