Hoe te maken: medaille

Leer hoe je medailles kunt maken met CSS.

Medailles kunnen worden gebruikt om extra informatie toe te voegen aan elementen/contents:

Voorbeeld kop Nieuw

Voorbeeld kop Nieuw

Voorbeeld kop Nieuw

Voorbeeld kop Nieuw

Try it yourself

Hoe een medaille te maken

Eerste stap - Voeg HTML toe:

<span class="badge">Nieuw</span>

Tweede stap - Voeg CSS toe:

.badge {
  achtergrondkleur: rood;
  kleur: wit;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
{}

Try it yourself