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>

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

原文由 trzew 发布，翻译遵循 CC BY-SA 4.0 许可协议

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 并添加您想要的字体。

原文由 ArdKr 发布，翻译遵循 CC BY-SA 4.0 许可协议