Tailwind CSS - 快速構建現代網站，無需離開您的 HTML。

• 文件
• 元件
• 部落格
• 展示

一個以實用為主的 CSS 框架，包含像 flex、pt-4、text-center 和 rotate-90 等類別，可以組合以直接在標記中構建任何設計。

<figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800">
  <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg" alt="" width="384" height="512">
  <div class="pt-6 md:p-8 text-center md:text-left space-y-4">
    <blockquote>
      <p class="text-lg font-medium">
        “Tailwind CSS 是我見過唯一能在大型團隊中擴展的框架。它易於自定義，適應任何設計，並且構建大小非常小。”
      </p>
    </blockquote>
    <figcaption class="font-medium">
      <div class="text-sky-500 dark:text-sky-400">
        Sarah Dayan
      </div>
      <div class="text-slate-700 dark:text-slate-500">
        Algolia 的員工工程師
      </div>
    </figcaption>
  </div>
</figure>

“Tailwind CSS 是我見過唯一能在大型團隊中擴展的框架。它易於自定義，適應任何設計，並且構建大小非常小。”

莎拉·戴安

員工工程師，Algolia