Tailwind CSS: 알약 모양의 버튼 만들기
P粉189606269
P粉189606269 2024-03-26 20:59:03
0
1
426

다음 버튼이 있습니다:

으아악

다음과 같은 것을 보고 싶습니다. https://tailwindcss.com/docs/border-radius#pill-buttons

그런데 알약 모양 버튼이 안 나오네요:

index.css

으아악

tailwind.config.js

<button onClick={() => removeTask(task)} class="text-xs text-red rounded-full">Delete</button>

P粉189606269
P粉189606269

모든 응답(1)
P粉986860950

"알약" 모양을 보려면 버튼에 테두리나 배경색이 필요합니다. 다음과 같이 시도해 볼 수 있습니다:

으아아아

샌드박스 예시: https://play.tailwindcss.com/j6K2e6ZL0J

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿