Trình chuyển đổi CSS sang Tailwind trực tuyến miễn phí. Chuyển đổi thuộc tính CSS thuần thành các lớp tiện ích Tailwind CSS ngay lập tức.
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 |