Exemples d'utilisation des images dans les CSS

Cette page illustre l'article Utilisation des images dans les CSS.

Remplacement d'un élément img isolé

Cet exemple montre comment remplacer une image à l'aide d'un élément div et d'une image de fond. Le portrait d'un personnage doit apparaître dans le cadre ci-contre.

Création d'une bordure stylée

Cet exemple montre comment créer deux bordures autour d'un texte à l'aide de 2 div et d'une image de fond. Une bordure graphique doit apparaître au dessus et en dessous du texte d'exemple dans le cadre ci-contre.

Ajout d'une icône pour une classe par une image de fond

Cet exemple montre comment ajouter une icône à tous les liens de la classe extern en utilisant une image de fond. Une flèche doit apparaître à la suite du lien.

Ajout d'une icône pour une classe par un contenu généré

Cet exemple montre comment ajouter une icône à tous les liens de la classe extern2 en utilisant le pseudo-élément :after. Un astérisque et une sorte de flêche doivent apparaître à la suite du lien.

Personnalisation d'une puce particulière dans une liste à puces

Ajout d'une puce à un titre