Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Formater le Texte avec CSS | Mise en Forme du Texte en CSS
Fondamentaux De CSS

bookDéfi : Formater le Texte avec CSS

Tâche

Pour améliorer la présentation visuelle de l’élément h1, appliquer les styles suivants :

  • Ajouter un soulignement.
  • Convertir toutes les lettres en majuscules.
  • Recentrer horizontalement le texte.
  • Définir l’interligne à 2.
  • Régler l’espacement des lettres à 2px.
  • Augmenter l’espacement entre les mots à 5px.
  • Appliquer une ombre au texte avec les valeurs 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration : Souligne le texte.
  • text-transform : Convertit le texte en majuscules.
  • text-align : Centre le texte horizontalement.
  • line-height : Définit la hauteur de ligne du texte.
  • letter-spacing : Augmente l'espacement entre les lettres.
  • word-spacing : Augmente l'espacement entre les mots.
  • text-shadow : Ajoute une ombre.
index.html

index.html

index.css

index.css

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.56

bookDéfi : Formater le Texte avec CSS

Glissez pour afficher le menu

Tâche

Pour améliorer la présentation visuelle de l’élément h1, appliquer les styles suivants :

  • Ajouter un soulignement.
  • Convertir toutes les lettres en majuscules.
  • Recentrer horizontalement le texte.
  • Définir l’interligne à 2.
  • Régler l’espacement des lettres à 2px.
  • Augmenter l’espacement entre les mots à 5px.
  • Appliquer une ombre au texte avec les valeurs 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration : Souligne le texte.
  • text-transform : Convertit le texte en majuscules.
  • text-align : Centre le texte horizontalement.
  • line-height : Définit la hauteur de ligne du texte.
  • letter-spacing : Augmente l'espacement entre les lettres.
  • word-spacing : Augmente l'espacement entre les mots.
  • text-shadow : Ajoute une ombre.
index.html

index.html

index.css

index.css

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3
some-alt