推荐手册：CSS在线手册

首先我们来看一看css3中文本描边text-stroke属性。

说明：text-stroke属性只有webkit内核的Safari和Chrome支持。

语法：text-stroke：<&＃39; text-stroke-width &＃39;> || <&＃39; text-stroke-color &＃39;>

属性值：

<&＃39; text-stroke-width &＃39;>：设置或检索对象中的文字的描边厚度

<&＃39; text-stroke-color &＃39;>：设置或检索对象中的文字的描边颜色

来直接看一个例子：

PHP中文网文字描边

h1{
    -webkit-text-stroke: 1.0px #000000;
     color:pink
}

css3文字描边效果如下：

除了上述使用text-stroke属性来实现文字描边之外，其实还可以利用文字阴影属性text-shadow来进行文字描边，text-shadow属性的具体内容我们在css3如何设置文字阴影？css3用text-shadow设置文字阴影的方法已经介绍过了，这里就不具体说了，所以我们就来直接看text-shadow属性实现字体描边的实例：

PHP中文网文字描边

h1{text-shadow:2px 2px 0px blue;
color:pink;
}

css3文字描边效果如下：

说明：如果觉得文字描边不够粗，可以使用多重字体阴影，这样就可以实现较粗的文字描边。

css3较粗的文字描边代码如下：

PHP中文网文字描边

h1{text-shadow:
  1px 1px 0px blue,
  -1px -1px 0px blue,
  2px 2px 0px blue,
  -2px -2px 0px blue,
  3px 3px 0px blue, 
  -3px -3px 0px blue;
color:pink;
}

css3文字描边效果如下：

1.CSS视频教程-玉女心经版

以上就是本篇文章的全部内容了，关于文章中所提到的关于css3中的属性的具体内容大家可以参考css3使用手册来进行学习。

以上就是css3文字怎么描边？css3字体描边的实现方法的详细内容，更多请关注 第一PHP社区 其它相关文章！