如何在Tailwind中应用border-top: x;？

Question

有没有一种方法可以使用Tailwind添加border-top？在您说之前，我已经查看了文档并在Google上搜索。我不需要border-top-width，我需要的是确切的border-top。同时，使用即时CSS也可以。

- Luca Adrian

---

"border-t border-red border-dashed" 可以翻译为“顶部红色虚线边框”。 - BenM

Answer 1

试试这个：

<div class="h-20 w-20 bg-gray-300 flex justify-center items-center">
  <div class="border-t-4 border-black h-5 w-5 bg-white mt-"></div>
</div>

实时示例：https://play.tailwindcss.com/aUPhlY2DrZ

这些是您正在搜索的属性：

class="border-t-4 border-black"

如果您需要更多细节，这里是相关文档： https://tailwindcss.com/docs/border-width#individual-sides

- Alvaro