Como fazer - Notas
Aprenda a criar "notas" com CSS.
Notas
As notas podem ser usadas para notificar o usuário sobre algo especial: perigo, sucesso, informação ou aviso
Perigo! Algum texto...
Sucesso! Algum texto...
Informações! Algum texto...
Aviso! Algum texto...
Como criar notas
Etapa 1) Adicionar HTML:
Exemplo
<div class="danger">
<p><strong>Danger!</strong> Some text...</p>
</div>
Etapa 2) Adicionar CSS:
Exemplo
.danger {
background-color: #ffdddd;
border-left:
6px solid #f44336;
}
Dica: confira também Alertas .