css - 在文本块周围添加白色轮廓

Question

需要在文本周围添加直线白色轮廓（没有文本阴影中的模糊效果）。例子：

Answer 1

您可以使用多个文本阴影。

text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

阅读有关此的更多详细信息

Answer 2

有text-stroke，但不幸的是它只是 webkit。

.text_class {
   -webkit-text-stroke: 1px black;
}

它带有一个后备功能，因此如果您不介意在 FF/Opera/IE 中恢复它，它可以安全使用。

.text-class {
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
}

text-stroke CSS-Tricks 在这里有更多信息。