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 */

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기