1. 简介
CSS（Cascading Style Sheets）是一种用于描述文档（HTML和XML等）如何呈现的样式表语言。CSS3是CSS的最新版本，引入了很多新特性，如圆角、阴影、文本特效等等，同时也提供了一些实用的功能，比如可以通过CSS3在文字上添加描边效果（text-stroke）。
2. 使用text-stroke添加文字描边效果
2.1 text-stroke的基本语法
在CSS3中，我们可以使用text-stroke属性来在文字上添加描边效果，基本语法如下：
text-stroke: [width] [color];
其中，width表示描边的宽度，可以取用像素值、em单位等。而color则表示描边的颜色，可以使用颜色名、16进制值等。
例如，我们可以给一个文字添加红色描边效果，代码如下：
span {
font-size: 50px;
font-weight: bold;
color: white;
text-stroke: 2px red;
}
上述代码中，我们给一个span元素设置了50px字号、粗体和白色文字颜色，并使用text-stroke属性添加了2px红色描边效果。
2.2 text-stroke的浏览器支持情况
虽然text-stroke这个属性看起来很实用，但是它目前仅在WebKit浏览器和Opera浏览器中得到支持，火狐浏览器和IE浏览器都不支持。
因此，如果我们只是考虑Webkit内核和Opera浏览器的话，可以放心使用text-stroke属性来添加文字描边效果。但如果要兼容其他浏览器，我们还需要使用其他方法来实现文字描边。
3. 其他实现方法
3.1 使用多重文本阴影模拟描边
我们可以使用多重文本阴影（text-shadow）来模拟文字描边效果。其实现方式是添加多个文本阴影，每个阴影的颜色相同，位置有微小的偏移，使得最终效果看起来像是一道描边。
例如，我们可以使用下面的代码实现蓝色文字描边效果：
span {
font-size: 50px;
font-weight: bold;
color: white;
text-shadow:
-1px -1px 0 blue,
1px -1px 0 blue,
-1px 1px 0 blue,
1px 1px 0 blue;
}
上述代码中，我们给一个span元素设置了50px字号、粗体和白色文字颜色，并使用text-shadow属性添加了四个阴影，每个阴影的颜色为蓝色，并且位置有微小的偏移。
3.2 使用CSS渐变模拟描边
我们还可以使用CSS渐变来模拟文字描边效果。具体来说，可以使用linear-gradient或radial-gradient实现渐变效果，并把渐变的边缘设置为描边的颜色，最终呈现出描边效果。
span {
font-size: 50px;
font-weight: bold;
color: white;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(#06c, #06c) 0 90% / 100% 3px no-repeat;
background: linear-gradient(#06c, #06c) 0 90% / 100% 3px no-repeat;
}
上述代码中，我们使用了两个渐变，一个是Webkit浏览器专用的-webkit-linear-gradient，另一个是通用的linear-gradient。渐变的起始颜色和结束颜色均为#06c，表示一种蓝色。同时，我们使用了一个特殊的Webkit属性-webkit-text-fill-color: transparent，这个属性的作用是让文字变成透明的。最后，我们把渐变的范围设置为整个span元素，并且让渐变的高度为3px，即描边的宽度。
3.3 使用SVG图像模拟描边
最后，我们还可以使用SVG作为背景图像，并把SVG图像设置为重复背景，以实现文字描边效果。具体实现方式如下：
span {
font-size: 50px;
font-weight: bold;
color: white;
background: url("data:image/svg+xml,
HELLO
") repeat;
}
上述代码中，我们把文字HELLO放在SVG图像中，并且在SVG里面使用stroke属性和stroke-width属性实现描边效果，边框的颜色为#06c，宽度为3px。最后，我们使用url函数把SVG图像转化为一个data URI，并且设置为span元素的背景图像，并将其设置为重复背景。
4. 总结
在CSS3中，我们可以使用text-stroke属性来添加文字描边效果，但是该属性目前仅在WebKit浏览器和Opera浏览器中得到支持，因此需要考虑兼容问题。对于其他浏览器，我们可以使用多重文本阴影、CSS渐变或SVG图像来模拟文字描边效果。
总的来说，CSS3的text-stroke虽然只在部分浏览器中支持，但是它为我们提供了一种方便快捷的方式来实现文字描边效果。对于需要兼容多种浏览器的项目，我们可以选择其他实现方法，以实现相似的效果。