Hoe je een label maakt:

Leer hoe je de stijl van labels met CSS instelt.

Succes Info Waarschuwing Gevaar Anders

Try it yourself

Hoe je de stijl van labels instelt

Stap 1 - Voeg HTML toe：

<span class="label succes">Succes</span>
<span class="label info">Info</span>
<span class="label waarschuwing">Waarschuwing</span>
<span class="label gevaar">Gevaar</span>
<span class="label other">Anders</span>

Stap 2 - Voeg CSS toe：

.label {
  kleur: wit;
  padding: 8px;
}
.succes {achtergrondkleur: #04AA6D;} /* groen */
.info {achtergrondkleur: #2196F3;} /* blauw */
.waarschuwing {achtergrondkleur: #ff9800;} /* geel */
.gevaar {achtergrondkleur: #f44336;} /* rood */
.other {achtergrondkleur: #e7e7e7; kleur: zwart;} /* grijs */

Try it yourself