早期在Web中要实现文本描边效果是没有直接的CSS属性可以实现的。一般都是通过其他的CSS属性来模拟需要的描边效果。最常见的就是使用text-shadow。

语法

text-stroke:<width><color>

text-stroke是一个复合属性，由text-stroke-width和text-stroke-color两个子属性组成，一般使用他的简写方法。

text-stroke-width：设置描边的宽度，可以为一般的长度值。

text-stroke-color：设置描边的颜色。

当然配合其他属性（text-fill-color属性是给文本填充颜色），则是可以做出更多文字效果。

案例

实现一个最简单的文字描边，只需要设置width和color

再来一个稍微复杂一点点点，只是加多个text-fill-color（文本填充颜色）和linear-gradient（背景渐变），就可以实现渐变文字。

在稍微延伸一下，只需要将背景图换成图片，还可以做出以图片为底的描边效果

总结