Hvordan oprette: post-it

Lær at bruge CSS til at oprette "post-it".

Post-it

Post-it kan bruges til at informere brugere om specifikke ting: farlig, succes, information eller advarsel osv.

Farlig!Nogle tekster...

Succes!Nogle tekster...

Information!Nogle tekster...

Advarsel!Nogle tekster...

Prøv det selv

Hvordan oprette post-it

Andet trin - Tilføj HTML:

<div class="danger">
  <p><strong>Farlig!</strong> Nogle tekster...</p>
</div>

Første trin - Tilføj CSS:

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

Prøv det selv

Relaterede sider

Tilrettelæggelse:Hvordan oprette advarsel besked