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