如何为文本添加一些边框? [复制]

Posted

技术标签:

【中文标题】如何为文本添加一些边框? [复制]【英文标题】:How it's possible to add some borders to the text? [duplicate] 【发布时间】:2017-04-09 11:09:31 【问题描述】:

我正在使用 color:black; 处理一些文本,我需要为每个字母添加一些黄色边框。我尝试使用 text shadow 添加一些边框效果,但没有帮帮我(没有产生绝对的边框效果)。我找了很长时间,但没有得到更好的解决方案。谁能帮忙给文本添加一些边框?

<p> some text here </p>
p
color:black;
font-size:2rem;
text-border:3px #000;/*i need to achieve this*/

我添加了一张图片来澄清我的问题(这里每个文本都有一个颜色:天蓝色,它的边框有一个颜色:蓝色;)

如上所述,我知道使用 text-shadow 是可能的,但是当使用 text-shadow 时,我们无法增加边框的宽度,当我们尝试增加它的边框宽度时,不透明度会缩小。也就是说为什么我要求不同的解决方案。

【问题讨论】:

【参考方案1】:

您可以使用两个选项为文本添加边框:使用 text-shadow 或 text-fill-color 和 text-stroke-color

更多参考:查看:CSS Font Border?

【讨论】:

您不应发布指向重复答案的链接,您应标记问题。 好的。下次我将标记为重复

以上是关于如何为文本添加一些边框? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何为每行文本生成行号? [复制]

如何为边框动画添加悬停过渡

如何为颤动按钮添加边框?

如何为小部件边框/阴影添加霓虹发光效果?

如何为 SVG 添加工具提示? [复制]

如何为 Flutter 中的文本赋予边框/背景?