Wie man erstellt: Abzeichen

Lernen Sie, wie man mit CSS Abzeichen erstellt.

Abzeichen können verwendet werden, um zusätzliche Informationen zu Elementen/Inhalten hinzuzufügen:

Beispielüberschrift New

Beispielüberschrift New

Beispielüberschrift New

Beispielüberschrift New

Versuchen Sie es selbst

Wie man ein Abzeichen erstellt

Erster Schritt - HTML hinzufügen:

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

Zweiter Schritt - CSS hinzufügen:

.badge {
  background-color: red;
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
{}

Versuchen Sie es selbst