Kwamta daa kaiwa: Tukurin nauyi

Kwamta daa kaiwa kai saukiyarin da CSS.

Success Info Warning Danger Other

Rarrar a kudu

Baiyowa kowa daa kaiwa saukiyarin da CSS

Iyal 1 - Tukuna 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>

Iyal 2 - Tukuna CSS:

.label {
  color: white;
  padding: 8px;
}
.success {bakcground-color: #04AA6D;} /* yan */
.info {bakcground-color: #2196F3;} /* buri */
.warning {bakcground-color: #ff9800;} /* jumma */
.danger {bakcground-color: #f44336;} /* yanwar */
.other {bakcground-color: #e7e7e7; color: black;} /* akwai akwai */

Rarrar a kudu