w3.css
배지
CSS로 배지를 만드는 방법을 알아보자.
배지를 만드는 방법
배지는 요소/콘텐츠에 추가 정보를 추가하는 데 사용할 수 있다.
예시 제목 New
1단계) HTML 추가
<span class="badge">New</span>
2단계) CSS 추가
.badge { background-color: red; color: white; padding: 4px 8px; text-align: center; border-radius: 5px; }
기본 예시
예제 보기참고
W3C School - How TO - Badges