javascript - 如何在 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- 前缀的浏览器。

这是一个 fiddle 示例:http://jsfiddle.net/ZnfED/1410/

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

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