어떻게 만들까요: 태그

CSS를 사용하여 라벨 스타일을 설정하는 방법을 배우세요.

성공 정보 경고 위험 기타

직접 시도해 보세요

라벨 스타일 설정 방법

第一步 - 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>

第二步 - CSS 추가:

.label {
  color: white;
  padding: 8px;
}
.success {background-color: #04AA6D;} /*緑색 */
.info {background-color: #2196F3;} /* 파란색 */
.warning {background-color: #ff9800;} /* 주황색 */
.danger {background-color: #f44336;} /* 빨간색 */
.other {background-color: #e7e7e7; color: black;} /* 회색 */

직접 시도해 보세요