免費線上 CSS 轉 Tailwind 轉換器。將普通 CSS 屬性即時轉換為 Tailwind CSS 工具類別。
flex flex-col p-4 my-0 mx-auto rounded-[0.5rem] bg-white shadow| CSS | Tailwind |
|---|---|
| display: flex | flex |
| flex-direction: column | flex-col |
| padding: 1rem | p-4 |
| margin: 0 auto | my-0 mx-auto |
| border-radius: 0.5rem | rounded-[0.5rem] |
| background-color: #ffffff | bg-white |
| box-shadow: 0 1px 3px rgba(0,0,0,0.1) | shadow |