Tailwind CSS 游乐场 - 在线 Tailwind 编辑器

Ad 728x90

Google AdSense 将显示于此

包含 Tailwind 类的 HTML：

<div class="flex items-center justify-center h-screen bg-gradient-to-r from-blue-500 to-purple-600">
  <div class="bg-white p-8 rounded-2xl shadow-2xl text-center">
    <h1 class="text-3xl font-bold text-gray-800">Tailwind Playground</h1>
    <button class="mt-4 bg-indigo-500 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-full transition">Edit me</button>
  </div>
</div>

实时预览（Tailwind + HTML）