Nasıl oluşturulur：Etiket

CSS ile etiket stillerini nasıl kullanacağınızı öğrenin。

Başarı Bilgi Uyarı Tehlike Diğer

Kişisel olarak deneyin

Etiket stillerini nasıl ayarlayacağınızı öğrenin

İlk adım - HTML ekleyin：

<span class="label success">Başarı</span>
<span class="label info">Bilgi</span>
<span class="label warning">Uyarı</span>
<span class="label danger">Tehlike</span>
<span class="label other">Diğer</span>

İkinci adım - CSS ekleyin：

.label {
  color: white;
  padding: 8px;
}
.success {background-color: #04AA6D;} /* yeşil */
.info {background-color: #2196F3;} /* mavi */
.warning {background-color: #ff9800;} /* turuncu */
.danger {background-color: #f44336;} /* kırmızı */
.other {background-color: #e7e7e7; color: black;} /* gri */

Kişisel olarak deneyin