Como criar: post-it

Aprenda a usar CSS para criar "post-its".

Post-it

Os post-its podem ser usados para notificar o usuário sobre eventos especiais: perigo, sucesso, mensagem ou aviso, etc.

Perigo!Alguns textos...

Sucesso!Alguns textos...

Mensagem!Alguns textos...

Aviso!Alguns textos...

Experimente você mesmo

Como criar um post-it

Primeira etapa - Adicionar HTML:

<div class="danger">
  <p><strong>Danger!</strong> Alguns textos...</p>
</div>

Segunda etapa - Adicionar CSS:

.danger {
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}

Experimente você mesmo

Páginas relacionadas

Tutorial:Como criar mensagem de aviso