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

Πώς να ρυθμίσετε το στυλ ετικετών

第一步 - Προσθήκη HTML：

<span class="label success">Επιτυχία</span>
<span class="label info">Πληροφορία</span>
<span class="label warning">Προειδοποίηση</span>
<span class="label danger">Κίνδυνος</span>
<span class="label other">Άλλο</span>

第二步 - Προσθήκη CSS：

.label {
  color: white;
  padding: 8px;
{}
.success {background-color: #04AA6D;} /* πράσινη */
.info {background-color: #2196F3;} /* μπλε */
.warning {background-color: #ff9800;} /* πορτοκαλί */
.danger {background-color: #f44336;} /* κόκκινη */
other {background-color: #e7e7e7; color: black;} /* γκρίζα */

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