介绍
给字体加描边是一种常用的美化字体效果，可以让字体更加突出、醒目，增加了视觉效果。在CSS中，给字体加描边可以通过text-shadow属性来实现。
text-shadow属性
text-shadow是一个CSS3新增的属性，用来为文本添加阴影效果。它的语法格式为:
/*设置文本在右下方的1px黑色阴影*/
text-shadow: 1px 1px 1px black;
text-shadow属性需要设置三个值：
水平偏移量（X轴方向）
垂直偏移量（Y轴方向）
模糊半径（模糊程度）
颜色
text-shadow属性使用逗号分隔多个阴影效果。比如：
/*设置文本在右下方的1px黑色阴影，以及在右下方的2px红色阴影*/
text-shadow: 1px 1px 1px black, 2px 2px 2px red;
简单的描边
现在我们可以使用text-shadow属性来给字体添加描边效果。给字体添加简单的描边效果可以通过以下代码实现：
/*设置简单的描边效果*/
text-shadow: 1px 1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000;
上面的代码表示为文本添加了四个黑色的描边，分别在左上、左下、右上、右下四个方向。
这里解释一下，四个方向的描边分别是：
left top（左上）
left bottom（左下）
right top（右上）
right bottom（右下）
这里需要注意的是，描边的大小和颜色可以根据需要进行调整，代码中的颜色值#000表示黑色。
更多描边效果
除了上面的简单描边，在CSS中还有一些其他的方式来为字体添加描边效果。
添加阴影和颜色
除了上面的简单描边，在CSS中还可以将颜色与阴影效果一起使用，从而产生更多的描边效果。
/*设置丰富的描边效果*/
text-shadow:
-1px -1px 0 #FFF,
1px -1px 0 #FFF,
-1px 1px 0 #FFF,
1px 1px 0 #FFF,
-2px -2px 0 #F00,
2px -2px 0 #00F,
-2px 2px 0 #FF0,
2px 2px 0 #0F0;
color: #FF0;
上述代码将为文本添加两组阴影效果，每组效果包括四个方向。第一组阴影效果的颜色为白色，大小为1px，相当于为文本添加了有透明度的白色描边；第二组阴影效果颜色使用了不同的彩色值，大小为2px，添加了不同颜色的描边效果。
由于第二组效果颜色值与文本color属性的值相同，所以文本字体的颜色就变成了#FF0。
使用伪类来实现描边效果
如果你不想使用text-shadow属性，还可以使用CSS伪类来实现描边效果。
/*使用边框属性实现描边*/
border: 2px solid black;
padding: 10px;
color: #FF0;
上述代码使用边框属性实现了描边效果，边框厚度为2px，颜色为黑色，内边距为10px，字体颜色为#FF0。
总结
以上便是给字体添加描边效果的几个方法，选用哪种方法取决于你所需的效果，text-shadow属性虽然写起来稍微复杂一些，但是灵活性更高，效果更好。