其他分享
首页 > 其他分享> > CSS实现文字描边效果

CSS实现文字描边效果

作者:互联网

在这里插入图片描述
如图所示:热力看起来并不清楚
解决:
方法一: -webkit-text-stroke: length color;
参数:length :文本描边宽
color: 文本颜色

-webkit-text-stroke: 1px #1e4dfe;

效果:
在这里插入图片描述
方法二:text-shadow
例如: text-shadow: 1px 1px 0 #000;
参数:
text-shadow: x位移 y位移 模糊程度 颜色
其中:x位移和y位移表示阴影相对文字的偏移值,可以为负值。
思路: 对四个方向都作出模糊程度为零的1px阴影

text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;

效果:
在这里插入图片描述

标签:文字,color,text,1px,位移,描边,fff,shadow,CSS
来源: https://blog.csdn.net/weixin_46074961/article/details/120787895