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

Question

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

Answer 1

两个方法：一个直接写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>