CSS中的“文本边框”装饰[重复]

Question

可能重复：
CSS Font Border?

当我在 Photoshop 中时，我可以轻松地键入文本，然后将白色边框应用于“文本”，然后在其中应用阴影。

但是当我在 HTML 中时，我需要 <div>、<p> 或 <span> 或任何类似的标签来编写文本。然后像这样装饰文本，我们特别将装饰应用于标签，而不是标签的文本（或内容）。假设：

<span id="decor">Text</span>

然后我们像这样做 CSS：

#decor{color: #9E0B0E; border: 5px solid #FFF; box-shadow: 3px 0 2px #CCC;}

但它所做的是设置跨度的样式，而不是跨度标记的内容（此处为：'Text'）。

所以，我的问题是：

• 如何使用 CSS 设置这样的文本样式？

第二次编辑

在一些 cmets 和回复之后，请考虑一下，text-shadow 属性只做一项工作，无论是白色边框还是灰色阴影，但我都想要它们。

Answer 1

你可以使用

<p class="decor">Text</p>

然后

p.decor{
color: #9E0B0E; 
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; 
}

Answer 2

不幸的是，没有任何简单的方法可以做到这一点并支持多种浏览器。 Webkit 支持 css 标记 -webkit-text-stroke 但不包括 Firefox 和 IE（以及其他）

例子：

p {
-webkit-text-stroke: 1px black
}