Tailwind CSS

Tailwind CSS 使用 class 来原子化配置样式。

<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
  </head>

  <body>
    <p class="text-blue-500">
      Hello world
    </p>
  </body>
</html>

Tailwind CSS ​

Tailwind CSS