css中怎么给字加边框

在CSS中，我们可以使用text-stroke属性为字体加上边框，让字体更加突出。
首先，我们需要给这个字体染上颜色，如红色，代码如下：

p {
  color: red;
} 

接下来，我们使用text-stroke属性为字体添加边框，代码如下：

p {
  color: red;
  -webkit-text-stroke: 1px black; /* Safari / Chrome */
  text-stroke: 1px black; /* Firefox */
} 

这段代码中，-webkit-text-stroke是用于Safari和Chrome浏览器的边框属性，而text-stroke则是用于FireFox浏览器的。1px是边框宽度的大小，可以根据需要自行调整，黑色则是边框的颜色。
使用text-stroke属性加上字体边框时，兼容性需要我们额外注意。如果我们只需要兼容Chrome和Safari，可以只使用-webkit-text-stroke属性。而如果我们需要兼容FireFox，那么需要同时使用text-stroke属性，在text-stroke前加上-webkit-前缀即可。
除了使用text-stroke属性，我们也可以使用text-shadow属性来模拟出字体边框的效果，代码如下：

p {
  color: red;
  text-shadow: 
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
} 

这段代码中，text-shadow属性使用了四个参数，第一个参数为水平位置偏移量，第二个参数为垂直位置偏移量，第三个参数为模糊程度，最后一个参数为阴影颜色。我们可以设置水平垂直位置反向偏移来模拟出边框的效果，只需要调整阴影的模糊距离为0即可。
以上两种方法都可以让我们为字体加上边框，不过需要针对不同的浏览器来使用不同的方法。而且边框宽度、颜色、模糊程度等也需要按照实际需求进行调整。