文字描边

text-shadow

text-shadow:
    0 -2px #fff,
    2px 0 #fff,
    0 2px #fff,
    -2px 0 #fff,
    -2px -2px #fff,
    2px 2px #fff,
    2px -2px #fff,
    -2px 2px #fff

thebestxt.cc

• 描边有锯齿

  因为只给了八个方向。

• 文字必须有颜色，如果想让文字透明，显示背景色，就出问题了。

thebestxt.cc

webkit-text-stroke

thebestxt.cc

• 真正描边

• 平滑

• 支持透明

• 兼容性问题：谷歌、火狐支持，别的不一定

• 描边会让文字变细：默认居中描边。

  解决方案：再套一个一模一样的子元素放在上面。

子元素方法