如何在顺风中有带边框的文本答案

【问题标题】：How to have a bordered text in tailwind如何在顺风中有带边框的文本
【发布时间】：2021-12-28 18:24:09
【问题描述】：

我需要文本有黑色边框。

我试过了，

  <div className="font-bold text-2xl text-white outline-4">
    Hello
  </div>

但它似乎没有给文本设置边框。

【问题讨论】：

【解决方案1】：

你可以试试

 <div className="font-bold text-2xl text-white border-2 border-black">
    Hello
  </div>

【讨论】：

像 div 一样在文本周围带来边框。但需要用黑色勾勒出的文字
我认为除了outline-4你还必须离开outline
我想他是在要求一个大纲来跟随文本，就像 Photoshop 中的“笔触”设置一样。不要为包含文本的 div 添加边框......我无法找到顺风的解决方案，但这个答案对我有用：stackoverflow.com/questions/2570972/css-font-border

【解决方案2】：

有两种方法可以为您的案例做到这一点。

  <div className="inline font-bold text-2xl text-white outline-4 border-2 border-black">
    Hello
  </div>

  <div className="font-bold text-2xl text-white ">
     <span className="outline-4 border-2 border-black">Hello</span>
  </div>

【讨论】：