Comment créer : notes

Apprendre à utiliser CSS pour créer des "notes".

Notes

Les notes peuvent être utilisées pour informer l'utilisateur de certains événements spéciaux : danger, succès, information ou avertissement, etc.

DANGER !Certains textes...

Succès !Certains textes...

Information !Certains textes...

Avertissement !Certains textes...

Essayer par vous-même

Comment créer des notes

Première étape - Ajouter HTML :

<div class="danger">
  <p><strong>Danger!</strong> Quelques textes...</p>
</div>

Deuxième étape - Ajouter CSS :

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

Essayer par vous-même

Pages associées

Tutoriel :Comment créer un message d'avertissement