css文字阴影

时间:2012-08-30 21:46:06

标签: css css3 styles

我正在网站上工作,我想为我的文字添加一些阴影,是否有一种简单的方法只使用css来做到这一点?我尝试在它下面放置一个较暗的文本克隆,但这在不同的尺寸上会很难。

2 个答案:

答案 0 :(得分:3)

您可以使用 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!我希望有所帮助!

答案 1 :(得分:1)

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

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

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