Jina la kumewa: label

Jifunze kama unaweza kutumia CSS kumuhimiza tabia za label.

Success Info Warning Danger Other

Tafuta tena

Jina la kumuhimiza tabia za label

Tengeneza 1 - Ongeza 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>

Tengeneza 2 - Ongeza CSS:

.label {
  rangi: mweupe;
  kubadilisha 8px;
}
.success {mbali-mavoti: #04AA6D;} /* kichwa kichwa-michwa */
.info {mbali-mavoti: #2196F3;} /* kichwa kichwa-kichwa */
.warning {mbali-mavoti: #ff9800;} /* kichwa kichwa-michwa */
.danger {mbali-mavoti: #f44336;} /* kichwa kichwa-kichwa */
.other {mbali-mavoti: #e7e7e7; rangi: mweupe;} /* kifupi kichwa */

Tafuta tena