Miten luoda: muistiinpanot

Opi, miten luodaan 'muistiinpanoja' CSS:n avulla.

Muistiinpanot

Muistiinpanot voidaan käyttää ilmoittamaan käyttäjille erityisistä asioista: vaara, onnistuminen, ilmoitus tai varoitus jne.

Uhaton!Joitakin tekstejä...

Onnistunut!Joitakin tekstejä...

Ilmoitus!Joitakin tekstejä...

Varoitus!Joitakin tekstejä...

Kokeile itse

Miten luoda muistiinpanoja

Ensimmäinen vaihe - Lisää HTML:

<div class="danger">
  <p><strong>Uhaton!</strong> Jotain tekstiä...</p>
</div>

Toinen vaihe - Lisää CSS:

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

Kokeile itse

Liittyvät sivut

Oppitunti:Miten luoda varoitusviesti