css - 在 Tailwind css 中用文本圈

Question

我是初学者网络开发人员。
我有 Tailwind CSS 的小问题。我需要这个:https://ibb.co/KL8cDR2
这是我的代码:

<div class="w-1/2 h-10 rounded-full bg-gray-400" style="background-color:red">404</div>

但它不起作用:(我怎样才能做到？
请帮我

Answer 1

 <div class="font-bold text-gray-700 rounded-full bg-white flex items-center justify-center font-mono" style="height: 500px; width: 500px; font-size: 170px;">404</div>

这应该可以完成工作。确保添加一个自定义类来定义圆的高度和宽度以及字体大小并删除 font-mono从类(class)中添加您想要的字体。