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;}

但它的作用是设定范围的样式，而不是span标记的内容（对于这里：'Text'）。

所以，我的问题是：

• 如何使用CSS使用文字？

第二次编辑

经过一些评论和回复后，请注意，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
}