css中如何给文字描边 |stm32f css

.text {
/*文字颜色*/
color: #fff;
/*文字描边*/
text-shadow: 1px 1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000;
}

这里大家使用text-shadow属性来实现文字的描边。其中，text-shadow属性后跟的是四个参数，依次代表横向位移、纵向位移、模糊半径和颜色。值得注意的是，大家需要使用多次text-shadow来实现多层描边的效果。

.text {
color: #fff;
-webkit-text-stroke: 1px #000;
}

除了使用text-shadow属性，还可以使用-webkit-text-stroke属性来实现文字描边。其中，-webkit-text-stroke属性后跟的是描边宽度和颜色。需要注意的是，这种方式只能在webkit内核的浏览器中生效。