Πώς να δημιουργήσετε: Διακριτικό

Μάθετε πώς να δημιουργήσετε διακριτικά χρησιμοποιώντας το CSS.

Τα διακριτικά μπορούν να χρησιμοποιηθούν για την προσθήκη επιπλέον πληροφοριών σε στοιχεία/ περιεχόμενο:

Παράδειγμα τίτλου Νέο

Παράδειγμα τίτλου Νέο

Παράδειγμα τίτλου Νέο

Παράδειγμα τίτλου Νέο

Δοκιμάστε το προσωπικά

Πώς να δημιουργήσετε ένα διακριτικό

Βήμα 1 - Προσθήκη HTML:

<span class="badge">Νέο</span>

Βήμα 2 - Προσθήκη CSS:

.badge {
  χρώμα φόντου: κόκκινο;
  χρώμα: λευκό;
  παράθυρο: 4px 8px;
  text-align: center;
  border-radius: 5px;
}

Δοκιμάστε το προσωπικά