css —— 文字添加白色描边

效果图：

实现代码：

.box{width: 200px;height: 200px;background-color: plum;display: flex;flex-direction: column;justify-content: center;align-items: center;font-weight: 600;color: #666666;
}
.text{margin-bottom: 15px;
}
.stroke{text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;
}

<div class="box"><div class="text">没有添加描边</div><div class="stroke">添加了白色描边的效果</div>
</div>

css —— 文字添加白色描边相关推荐

css黑色字白色描边,css怎么设置字体白色描边
CSS设置字体白色描边 1.使用text-stroke属性 text-stroke属性用于向文本添加描边.此属性可用于更改文字的描边宽度和颜色.使用-webkit-前缀支持此属性. text-stro ...
PS学习记录-图片添加白色描边效果
目录效果展示操作步骤 1.选取要描边的图像 2.编辑-描边选项 3.得到描边后的图片效果展示有时候,需要给图像增加一圈描边,让图像更有层次感(其实我个人感觉更像小时候的橡皮质感,哈哈哈),可以 ...
怎么通过CorelDRAW实现给字添加渐变描边
今天的CDR教程将介绍如何创建渐变描边,这是一项超级简单的技巧,常用在海报设计.给文字加上渐变效果相信许多朋友都会,若想要给描边加上渐变效果,该怎么加呢?一起操作下,给您的文字加上描边吧. 1.选择& ...
html字体样式描边,使用CSS给文字添加描边效果
CSS如何实现文字描边效果?下面本篇文章就来给大家介绍一下使用CSS给文字添加描边效果的方法,希望对大家有所帮助. 想要使用CSS给文字添加描边效果,主要有两种方法:使用text-shadow属性或t ...
css中，如何给文字添加描边效果？
要在CSS中给文字添加描边效果,可以使用 text-shadow 属性.该属性用于在文字周围创建阴影,可以模拟出文字描边的效果. 以下是一个示例代码,用于在文字周围创建1像素宽的黑色描边效果: tex ...
HTML文字描边像素,css怎么实现字体描边效果？
css怎么实现字体描边效果?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. CSS3 中有text-stroke属性,加上-webkit-前缀兼容性也还不 ...
利用CSS在图片中添加文字
前端项目中想要在图片中添加文字,方法有两种:1.js:2.css.第一种方法比较复杂,主要是写将图片与文字组合成新的图片的js代码,第二种方法简单粗暴,这里只讲第二种方法. 利用css在图片中添加文字 ...
php css下划线,css如何添加文字下划线样式？（代码详解）
css如何添加文字下划线样式?本篇文章就给大家介绍css添加文字下划线样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来了解一下css添加文字下划线样式的方法有哪 ...
html怎么设置下划线形状,科技常识：CSS如何给文字添加下划线样式
今天小编跟大家讲解下有关CSS如何给文字添加下划线样式 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS如何给文字添加下划线样式的相关资料,希望小伙伴们看了有所帮助. 在css中可以 ...

css —— 文字添加白色描边

css —— 文字添加白色描边相关推荐

最新文章

热门文章