css如何给文字设置描边

CSS中给文字设置描边主要有两种方法：使用text-stroke属性和使用text-shadow属性。

使用 text-stroke 属性

• text-stroke 属性：可以设置文字的描边宽度和颜色。例如，text-stroke: 1px #f00; 表示文字描边宽度为1像素，颜色为红色。57

使用 text-shadow 属性

• text-shadow 属性：通过添加阴影来模拟描边效果。语法为 text-shadow: X-offset Y-offset [blur-radius] color;，其中 X-offset 和 Y-offset 定义了阴影的位置，即描边的位置。2346

兼容性和技巧

• 兼容性：text-stroke 属性可能需要浏览器前缀，而 text-shadow 属性兼容性更好，不需要前缀。56
• 居中描边：使用 text-stroke 可以实现居中描边，但可能会使文字变瘦。17
• 叠加覆盖：使用 -webkit-text-stroke 和非描边文字相互重叠覆盖，可以模拟更完美的描边效果。9

综上所述，CSS中给文字设置描边可以通过text-stroke属性或text-shadow属性实现，其中text-shadow兼容性更好，而text-stroke可以设置更精细的描边效果。