css实现字体描边 |css焦点光晕去掉

.outlined-text {
color: white;
text-shadow: 
-1px -1px 0 #000,  
1px -1px 0 #000,
-1px  1px 0 #000,
1px  1px 0 #000;
}

要为文本添加描边，请将文本的颜色设置为任何您喜欢的颜色，然后使用text-shadow属性创建四个偏移的文本副本，每个副本都有负偏移。这将在文本的四个角落创建一个黑色阴影效果，使文本看起来像是描边的。

.rainbow-text {
background: linear-gradient(to right, 
#f00, #f06d06, #ffff00, #0080ff, #800080);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

使用CSS Gradient，您还可以为文本创建彩虹描边。这段代码将创建一个在文本间隔中变化的彩色背景，并将其应用于文本。在此示例中，文本的前景颜色是透明的。通过调整文本的大小和颜色，您可以创建许多独特的彩虹文本描边。

使用这些有用的CSS技巧，您可以为您的文本添加有趣的视觉效果，让您的网页更加引人注目。尝试创建不同的文本描边效果，让您的网页显示出更多的个性。