CSS 两种方法实现文字描边

1. text-shadow

该属性设置的是文字阴影效果：

text-shadow: h-shadow v-shadow blur color

• h-shadow：必需。水平阴影的位置。允许负值。
• v-shadow：必需。垂直阴影的位置。允许负值。
• blur：可选。模糊的距离。
• color：可选。阴影的颜色。

<span class="demo">文字描边span>

.demo {
    text-shadow: 2px 2px 10px #000;
}

2. text-stroke

该属性是一个复合属性，设置的是文字的描边厚度和颜色：

text-stroke：[ text-stroke-width ] || [ text-stroke-color ]

需要加上-webkit前缀。

<span class="demo">文字描边span>

.demo {
    -webkit-text-stroke: 2px red;
}

---

欢迎在我的博客上访问：
https://lzxjack.top/