Bagaimana membuat: tanda

Belajar bagaimana menggunakan CSS untuk menetapkan gaya tanda

SUKSES INFO AMARAN DANGER Lain-lain

Coba sendiri

Bagaimana menetapkan gaya tanda

Kesempatan 1 - Tambahkan HTML：

<span class="label success">SUKSES</span>
<span class="label info">INFO</span>
<span class="label warning">AMARAN</span>
<span class="label danger">DANGER</span>
<span class="label other">Lain-lain</span>

Kesempatan 2 - Tambahkan CSS：

.label {
  c: white;
  padding: 8px;
}
.success {bg: #04AA6D;} /* Hijau */
.info {bg: #2196F3;} /* Biru */
.warning {bg: #ff9800;} /* Jingga */
.danger {bg: #f44336;} /* Merah */
.other {bg: #e7e7e7; c: black;} /* Kuning Lekas */

Coba sendiri