Como criar: rótulos

  • Página anterior Notas
  • Próxima página Fita

Aprenda a usar CSS para definir estilos de rótulo.

SUCESSO INFO AVISO DANGER Outro

Experimente você mesmo

Como definir estilos de rótulo

Primeiro passo - Adicionar HTML：

<span class="label success">Sucesso</span>
<span class="label info">Info</span>
<span class="label warning">Aviso</span>
<span class="label danger">Danger</span>
<span class="label other">Outro</span>

Segundo passo - Adicionar CSS：

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

Experimente você mesmo

  • Página anterior Notas
  • Próxima página Fita