Couleur du texte

Fait partie de la section Styling with CSS du Journey HTML de Coddy — leçon 17 sur 76.

En CSS, la propriété color est utilisée pour définir la couleur du texte à l'intérieur d'un élément. Vous pouvez appliquer différentes valeurs de couleur au texte pour améliorer l'apparence de votre page Web.

selector {
    color: value;
}

Par exemple :

h3{
  color: purple;
}

Défi

Facile

On vous donne un document HTML avec un titre (<h1>) et un paragraphe (<p>). Votre tâche consiste à utiliser la propriété color pour styliser ces éléments. Suivez les étapes ci-dessous :

Écrivez une règle CSS qui cible l'élément <h1>. Définissez la color sur purple.
Écrivez une règle CSS qui cible l'élément <p>. Définissez la color sur yellow.

Aide-mémoire

La propriété color définit la couleur du texte à l'intérieur d'un élément :

selector {
    color: value;
}

Exemple :

h3 {
    color: purple;
}

Essayez vous-même

<html>
<head>
    <title>Text Color</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>