CSS-是否可以在文本中的每个字符周围添加黑色轮廓？

我想在每个字符周围添加一个黑色的轮廓，这样，如果字体id位于与前景相同的颜色背景上，它仍然是可读的

---

这可以在有或没有特定于浏览器的CSS的CSS中完成吗？

您可以使用CSS 2.1属性模拟它：

p {
    color: #fff;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

---

当然，这在IE9及以下版本中不受支持。请参阅：了解一个简单的演示

在开始之前，我想澄清一下，这是你问题的正确答案，无论如何，我想总结一下

---

如果您需要兼容的方法来执行此操作，我唯一能想到的方法就是使用

您甚至可以使用，并有一个非常兼容的解决方案

---

祝你好运

有一种显式的webkit方式来添加文本大纲，它是使用。这是等效标准跟踪建议（在CSS3规范文档中称为文本大纲）的实验实现

当我们等待

text stroke

得到广泛支持时，有一个非常好的“text shadow hack”生成器可以生成所需的文本阴影属性

h1{
颜色：#00ff19；
rgb（0，0，0，0，0）2.83487px 0.981581584px 0px 0.9815815px 0px，rgb（0，0，0，0，0，0，0）2.35766px 1.35766（0，0，0，0，0，0，0，0）2.3576六六六六六六六px 1.1.1.85511 PX1.85511像素0 0 0 0 0（1.85511像素0 0 0 0零零零零零零零零零零零，rgb（0（0，0，0，0，0（0，0，0，0，0，0，0，0，（0，0，0，0，0，0，0，0，0，0，0，0，0，0，0，0，0，0，0，0，0）1.0（0，0（0，0，0，0，0，0，0，0 07227px 2.16926px 0px，rgb（0,0,0）（0，0，0，0，0）及（1.9609393PX（0，0，0）至1.96093px（0，0，0）至1.96093px-1.96093px-2.27041px-2.27041px-2.4141412.27041px-2.299-2.96093px-1.96093px-1.9-2.9-2.2.27041PX0-2.2.2741PX0、0、0（0、0、0（0、0、0、0、0、0、0（0、0、0、0、0、0、0、0、0、0、0、0、0、0、0、0、0、0、0、0、0、0）至1.960939393939-1.9-1.9-1.9-1.9-1-1.960939-1-1.9-1-1-1.0.850987px-2.87677px-0px，rgb（0,0,0）1.74541px-2.43999px 0px，rgb（0，0，0）2.44769px-1.73459px 0px，rgb（0，0，0）2.88051px-0.838247px 0px；
}

---

yayyy text

IE9中也不支持文本阴影。对于那些对的语法感兴趣的人，它是：text shadow:h-shadow v-shadow blur radius color | none | initial | inherit；有关更多信息，请参阅。的可能副本