[分享]css3文字加描边代码

CSS3可以使文字加上描边，这为网页设计师提供了更多的创意表现空间。下面是示例代码：/ 设置文字颜色为白色 / color: white; / 设置文字描边颜色为黑色 / webkittextstro...

CSS3可以使文字加上描边，这为网页设计师提供了更多的创意表现空间。下面是示例代码：

/* 设置文字颜色为白色 */
color: white;
/* 设置文字描边颜色为黑色 */
-webkit-text-stroke: 1px black;
/* 控制描边的粗细 */
text-stroke-width: 1px; 

上述代码中，color属性指定了文字颜色，而-webkit-text-stroke属性则指定了描边的颜色。值得注意的是，在Safari浏览器中，需要使用-webkit-前缀才能实现该效果。

此外，text-stroke-width属性可以控制描边的粗细程度，其默认值为0，因此需要手动设置。该属性的值只能为像素值，不能使用em或者rem等单位。

CSS3文字描边可以为网页设计师提供更多的设计手段，如图形文字等创意设计，但需要注意的是，该属性并不在所有的浏览器中都被兼容。因此，在使用时，需要注意检查浏览器兼容性。