css中怎么给字体描边

在CSS中，我们可以通过使用text-stroke属性给字体描边，达到一定的视觉效果。下面是具体的代码实现：

p {
  font-size: 24px;
  color: #fff; /* 字体颜色 */
  -webkit-text-stroke: 1px #000; /* 描边宽度和颜色 */
  text-stroke: 1px #000;
} 

上面的代码实现了给p标签中的文字描上1个像素的黑边框，使得文字更加醒目。

p {
  font-size: 24px;
  color: #fff; /* 字体颜色 */
  -webkit-text-stroke: 2px #f00; /* 描边宽度和颜色 */
  text-stroke: 2px #f00;
} 

上面的代码描边的颜色为红色，宽度为2个像素。
需要注意的是，text-stroke属性目前还不是所有浏览器都支持，所以我们通常会写上兼容性代码，保证描边的效果在各种终端上都能有良好的显示。
另外，如果我们需要在某一个元素中同时设置多个文本效果，例如使用text-shadow和text-stroke，可以通过将两个属性放在同一个style中来实现：

p {
  font-size: 24px;
  color: #fff; /* 字体颜色 */
  text-shadow: 1px 1px #000; /* 阴影效果 */
  -webkit-text-stroke: 1px #f00; /* 描边效果 */
  text-stroke: 1px #f00;
} 

上面的代码实现了同时设置了文字的描边和阴影效果，使得文字更加立体醒目。