Sådan oprettes: Stiktag

Lær hvordan du bruger CSS til at indstille stiktagsstile.

Success Info Advarsel Farlig Andet

Prøv det selv

Sådan indstiller du stiktagsstile

Første trin - Tilføj HTML:

<span class="label success">Success</span>
<span class="label info">Info</span>
<span class="label warning">Advarsel</span>
<span class="label danger">Farlig</span>
<span class="label other">Andet</span>

Andet trin - Tilføj CSS:

.label {
  color: white;
  padding: 8px;
}
.success {background-color: #04AA6D;} /* Grøn */
.info {background-color: #2196F3;} /* Blå */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Rød */
.other {background-color: #e7e7e7; color: black;} /* Gryn */

Prøv det selv