它可以将 CSS 转换为 Tailwind 吗？

是的。粘贴 CSS 声明块，Tailfind 在导出最接近的 Tailwind 类列表之前将其应用到示例元素。

是否保留自定义值？

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

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

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

CSS

Tailwind v4

还没有输出

生成的 Tailwind 输出自动出现在此处。

CSS 到 Tailwind 转换器会把声明块转换为最接近、可移植的 Tailwind class。它适合一次性 design token、清理 inline style，以及把小段 CSS 移入 component markup。

Tailfind 在转换之前将声明应用于示例元素，因此布局、间距、颜色、边框、阴影、排版和大小值通过扩展使用的相同浏览器渲染路径进行解释。

用它将 CSS 属性转换为 Tailwind class，检查哪些值对应默认 Tailwind scale，并把非默认值明确保留为 arbitrary value。

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

跳过手动转换

Tailfind 将转换器带到您的浏览器中，因此您可以直接从您正在查看的页面捕获生产 UI。