它可以將 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。