css - CSS中的“文本边框”装饰

Question

可能重复：
CSS 字体边框？

当我在 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？

第二次编辑

在一些评论和回复之后，请考虑一下，该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
}