← 목록으로
‹
23 / 60
›
컴포넌트
🌐 HTML/CSS
뱃지
★
★
★
★
★
Lv.1
🎯 완성본 미리보기
📋 문제 설명
성공, 경고, 오류 등 다양한 색상의 상태 뱃지를 만들어보세요.
🏷️ 태그
CSS
color
💡 힌트
display: inline-flex
border-radius: 9999px
font-size 작게
🎨 사용 색상
#ecfdf5
#059669
#fffbeb
#d97706
#fef2f2
#dc2626
✨ 풀기 시작하기
📌 비슷한 챌린지
토스트 알림
Lv.2
🌐 HTML/CSS
토글 스위치
Lv.3
🌐 HTML/CSS
아바타 그룹
Lv.2
🌐 HTML/CSS
뱃지 ([object Object]) | Compit