w3.css
라벨
CSS로 라벨 스타일을 지정하는 방법을 알아보자.
레이블을 스타일링하는 방법
1단계) HTML 추가
<span class="label success">Success</span> <span class="label info">Info</span> <span class="label warning">Warning</span> <span class="label danger">Danger</span> <span class="label other">Other</span>
2단계) CSS 추가
.label { color: white; padding: 8px; } .success {background-color: #04AA6D;} /* Green */ .info {background-color: #2196F3;} /* Blue */ .warning {background-color: #ff9800;} /* Orange */ .danger {background-color: #f44336;} /* Red */ .other {background-color: #e7e7e7; color: black;} /* Gray */
기본 예시
예제 보기참고
W3C School - How TO - Labels