标准CSS设置文本的前景/背景颜色？

Question

是否有标准的CSS方式为文本设置2种颜色？一个前景色和一个背景色，它位于前景色的正下方，但稍微向右，以便您可以实际告诉前景色背后的背景色？

Kinf如下图所示但没有3D效果。我不关心那么深的背景颜色，只要你能分辨出有两种颜色。一个在前面，一个在它下面，但略微向右，这样背景颜色也有些可见。

提前感谢您的帮助！ ：）

Answer 1

是使用text-shadow为背景设置基础文本颜色和颜色，如下所示：

.twoColor {

    color: white;
    text-shadow: 2px 2px orange; 

}

<div class="twoColor">David</div>

Answer 2

您可以将多个阴影设置为文本，如下所示：

text-shadow:    1px 1px #fe4902, 
                2px 2px #fe4902,
                3px 3px #fe4902,
                4px 4px #fe4902,
                5px 5px #fe4902,
                6px 6px #fe4902;

这将非常接近您的图像。这是一个很好的例子：

http://css-tricks.com/examples/3DTextTower/

Answer 3

我认为这可能就是你要找的东西：）

http://www.w3schools.com/cssref/css3_pr_text-shadow.asp

[编辑] 实施例

text-shadow: 2px 2px #ff0000;

Answer 4

使用css中的“color”属性设置字体颜色，但要执行您正在执行的操作，您还可以使用“text-shadow”CSS属性。

查看W3Schools

Answer 5

要回顾@StéphanedeLuca的回答，您可以将文字阴影链接起来，以创建您想要的外观：

p {
    text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
}

请点击此处查看不同深度：http://jsfiddle.net/3Acmq/