纯CSS描边字 转自马黑教程专版

admin

.strokeText {
   text-align: center;
   font: bold 4em sans-serif;
   text-stroke: 2px red;
   -webkit-text-stroke: 2px red;
   color: green;
}

admin

效果： 霜染枫丹欢迎你 代码： .strokeText {    text-align: center;    font: bold 4em sans-serif;    text-stroke: 2px red;    -webkit-text-stroke: 2px red;    color: green; } 分析： 实现描边字的关键在于 text-stroke 属性。该属性尚处于实验阶段，所以需要前缀 -webkit- 方能生效，目前，火狐浏览器、基于chromium内核的所有浏览器均支持该属性。 此法，适用于 font-size 设置为较大的文本，字号过小描边效果不佳。