它可以将 CSS 转换为 Tailwind 吗？

可以。粘贴 CSS 声明块，Tailfind 会先将其应用到示例元素，再导出最接近的 Tailwind 类列表。

是否保留自定义值？

Tailfind 会尽可能把值映射到默认 Tailwind 类，并让非默认值以任意值的形式可见，而不是隐藏起来。

CSS 转换器专为声明块而设计。当需要选择器、类、嵌套标记或更完整的样式表时，请使用 HTML/CSS 转换器。

粘贴 CSS 声明块，并将渲染后的示例转换为可复制到组件中的 Tailwind 类。

CSS

Tailwind v4

还没有输出

生成的 Tailwind 输出会自动显示在此处。

CSS 转 Tailwind 转换器会把声明块转换为最接近、可移植的 Tailwind 类。它适合一次性设计令牌、清理内联样式，以及把小段 CSS 移入组件标记。

Tailfind 会在转换之前将声明应用到示例元素，因此布局、间距、颜色、边框、阴影、排版和尺寸值都会通过扩展程序使用的同一条浏览器渲染路径来解释。

用它将 CSS 属性转换为 Tailwind 类，检查哪些值对应默认 Tailwind 尺度，并把非默认值明确保留为任意值。

它可以将 CSS 转换为 Tailwind 吗？: 可以。粘贴 CSS 声明块，Tailfind 会先将其应用到示例元素，再导出最接近的 Tailwind 类列表。
是否保留自定义值？: Tailfind 会尽可能把值映射到默认 Tailwind 类，并让非默认值以任意值的形式可见，而不是隐藏起来。
我应该粘贴完整的样式表吗？: CSS 转换器专为声明块而设计。当需要选择器、类、嵌套标记或更完整的样式表时，请使用 HTML/CSS 转换器。

跳过手动转换

Tailfind 会把转换器带到你的浏览器中，让你可以直接从正在查看的页面捕获生产 UI。