← Tous les labos
Labo de code
Atelier CSS
Le badge du héros
Création9-13 ansCSSHTML
Habille le badge de ton héros avec du CSS : couleur, coins arrondis, espace et texte centré.
- Dans .badge : une couleur de fond (background), des coins arrondis (border-radius) et de l'espace intérieur (padding).
- Dans .titre : centre le texte avec text-align: center.
- Choisis des couleurs qui se lisent bien : le contraste est mesuré pour toi.
La touche Tab ajoute 2 espaces. Pour quitter la zone de code au clavier : Échap puis Tab.
Rendu de ta page
Se met à jour tout seul
Résultats
Objectifs
Le badge a une couleur de fond : à tester
Les coins du badge sont arrondis (10px ou plus) : à tester
Il y a de l'espace à l'intérieur (padding) : à tester
Le titre est centré : à tester
Le texte se lit bien (contraste de 4,5 ou plus) : à tester
Erreurs à corriger (0)
Aucune erreur détectée.
Conseils pour améliorer ton code (0)
Rien à signaler : ton code est propre !