Come creare: nota

Impara come usare CSS per creare una "nota".

Nota

Le note possono essere usate per notificare all'utente cose speciali: pericolo, successo, informazione o avviso, ecc.

Pericolo!Alcuni testi...

Successo!Alcuni testi...

Informazione!Alcuni testi...

Avviso!Alcuni testi...

Prova personalmente

Come creare una nota

Primo passo - Aggiungi HTML:

<div class="pericolo">
  <p><strong>Pericolo!</strong> Alcuni testi...</p>
</div>

Secondo passo - Aggiungi CSS:

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

Prova personalmente

Pagine correlate

Tutorial:Come creare messaggio di avviso