什么是Tailwind CSS 生成器？
Tailwind CSS 生成器是一款在线工具，通过下拉菜单选择背景色、文字色、内边距、圆角、阴影、边框、布局等 11 个属性，自动拼接 Tailwind 工具类字符串。输入：11 个可视化选择器。输出：Tailwind class 组合（如 "bg-white text-gray-900 p-4 rounded-lg shadow-md"）。适用于 Tailwind CSS v3 项目开发。生成在浏览器本地完成。
▶使用场景5个场景
- ◆快速搭建组件样式
- ◆学习 Tailwind 类名
- ◆设计系统原型
- ◆前端开发提效
- ◆响应式布局调试
▶如何使用？5步
- 1选择背景色、文字色
- 2设置内边距、圆角、阴影
- 3配置布局属性（display、flex、宽度）
- 4预览生成效果
- 5复制 class 字符串到项目
▶功能特点8个特点
- ✓免费使用
- ✓11 个属性选择器
- ✓实时预览
- ✓一键复制
- ✓Tailwind v3 类名
- ✓浏览器本地生成
- ✓无需配置
- ✓无需注册
▶常见问题6个问题
Tailwind CSS 生成器 是什么？
一款在线工具，通过 11 个可视化选择器（背景色、文字色、内边距、圆角、阴影、边框、布局等）生成 Tailwind 工具类字符串。输出示例："bg-white text-gray-900 p-4 rounded-lg shadow-md"。
支持哪个版本的 Tailwind？
生成的是 Tailwind CSS v3 标准工具类名。类名格式与 v3 一致，绝大多数类在 v4 中仍然兼容。
可以自定义任意类名吗？
当前版本提供预设选项（如 8 种背景色、7 种圆角）。如需自定义值，复制生成的类名后手动修改。
生成的类名包含响应式前缀吗？
不包含。默认生成无前缀类名。您可以自行添加 sm:/md:/lg: 前缀实现响应式。
需要安装 Tailwind 才能用吗？
不需要。生成器独立运行在浏览器中，生成的类名直接用于您的 Tailwind 项目。
我的选择会被上传吗？
不会。所有选择和处理都在浏览器本地完成。