Question

如何用纯CSS实现文字描边效果？

Answer 1

嗯，可以的。但是其实讲真这个效果不太空扮茄常用呢，因为只支持Webkit

/* 宽度斗察和缺渗颜色 */
-webkit-text-stroke: 4px navy;
/* 默认 */
-webkit-text-stroke: inherit;
-webkit-text-stroke: initial;
-webkit-text-stroke: unset;

即-webkit-text-stroke: <length> <color>;

<length>
文本描边宽.
<color>
文本颜色.

Answer 2

两个方法：
一个直接写CSS但不兼容IE6-8的text-shadow；
一个是全兼容但是需要两渣衫个文如拦腔字层的：
<div style="position:relative; width:200px; height:25px; line-height:25px; text-align:center; font-size:14px; color:#fff; background:#9c0;">
这衡哗是描边文字<span style="position:absolute; left:-1px; top:-1px; color:#444;width:200px; height:25px; display:block">这是描边文字</span>
</div>