Jak stworzyć: notatka

Naucz się, jak używać CSS do tworzenia "notatek".

Notatka

Notatki mogą być używane do informowania użytkowników o specjalnych sprawach: niebezpieczeństwie, sukcesie, informacji lub ostrzeżeniu itp.

Niebezpieczny!Niektwy tekst...

Sukces!Niektwy tekst...

Informacja!Niektwy tekst...

Ostrzeżenie!Niektwy tekst...

Spróbuj sam

Jak stworzyć notatkę

Krok 1 - Dodaj HTML:

<div class="niebezpieczny">
  <p><strong>Niebezpieczny!</strong> Niektwy tekst...</p>
</div>

Krok 2 - Dodaj CSS:

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

Spróbuj sam

Strony związane

Tutorial:Jak tworzyć komunikat ostrzegawczy