在 CSS3 中有一个实验性的 webkit 属性text-stroke，我一直试图让它工作一段时间，但到目前为止还没有成功。

我所做的是使用已经支持的text-shadow属性（我相信在 Chrome、Firefox、Opera 和 IE 9 中支持）。

使用四个阴影来模拟描边文本：

.strokeme {

  color: white;

  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}


<div class="strokeme">

  This text should have a stroke in some browsers

</div>

我在这里为你做了一个演示

这里有一个悬停的例子

正如 Jason C 在评论中提到的那样，text-shadow除了 Opera Mini 之外，所有主流浏览器现在都支持 CSS
属性。该解决方案适用于向后兼容性（对于自动更新的浏览器而言不是真正的问题），我相信text-stroke应该使用 CSS。