如何在 css/html/javascript 中的文本上添加边框

Question

我有一个问题，我想用 html、css 或 javascript 在我的文本上添加边框。边框的大小应为 10px。这可能吗？

所以它应该是这样的：

希望你能帮忙，

问候克里斯

Answer 1

如前所述，您可以尝试使用text-shadow，但不建议这样做。我编辑了 Ankit 的解决方案，因为它看起来有别名：

http://jsfiddle.net/ZnfED/1409/

text-shadow: 2px 0 black, -2px 0 black, 0 2px black, 0 -2px black, 1px 1px black, -1px -1px black, -1px 1px black, 1px -1px black;

正如 Eric Brockman 所说，您可以使用text-stroke，但目前大多数浏览器不支持此功能。但它适用于-webkit-带前缀的浏览器。

这是一个小提琴示例：http ://jsfiddle.net/ZnfED/1410/

   -webkit-text-fill-color: white;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: black;

请注意，无论 CSS 中的顺序如何，都-webkit-text-fill-color将始终覆盖。color