¿Cómo crear: etiquetas

Aprende cómo usar CSS para configurar los estilos de las etiquetas.

Éxito Información Advertencia Peligroso Otro

Prueba por tu cuenta

¿Cómo configurar los estilos de las etiquetas?

Primer paso - Añadir HTML：

<span class="label success">Éxito</span>
<span class="label info">Información</span>
<span class="label warning">Advertencia</span>
<span class="label danger">Peligroso</span>
<span class="label other">Otro</span>

Segundo paso - Añadir CSS：

.label {
  color: white;
  padding: 8px;
}
.success {background-color: #04AA6D;} /* verde */
.info {background-color: #2196F3;} /* azul */
.warning {background-color: #ff9800;} /* naranja */
.danger {background-color: #f44336;} /* rojo */
.other {background-color: #e7e7e7; color: black;} /* gris */

Prueba por tu cuenta