用于白色轮廓的红色文本的CSS3技术

Question

我没有以任何形式与以下页面关联：

http://www.wpsyndicator.com/

但是，正如您在该页面上看到的那样，他们使用图像来显示白色轮廓的阴影红色文本。 CSS3中有没有办法实现这个功能？我的意思是，我可以处理阴影和红色，但白色字体概述不是我熟悉的。

Answer 1

您正在寻找文字笔画。

-webkit-text-stroke: 1px white;

目前只有网络工具包支持，您可以在此处查看兼容性列表http://caniuse.com/text-stroke

更多信息：

http://css-tricks.com/adding-stroke-to-web-text/

http://www.webkit.org/blog/85/introducing-text-stroke/

以下是大卫的一个例子：http://jsfiddle.net/davidThomas/h5J6K/2/

Answer 2

您可以使用css3 text-shadow属性来实现此效果。无法在IE浏览器中工作，因此必须找到一个模拟该浏览器中的效果。代码看起来像这样......     #myDiv {         text-shadow：1px 1px 1px #fff，2px 2px 1px #fff，-1px -1px 1px #fff，-2px -2px 1px #fff;     }

第一个参数是文本的水平距离，第二个是垂直，第三个是模糊。这个数字越低，模糊越少。你做负面向上或向左。这很酷，你可以用这个做一些非常好的效果。希望有所帮助