Les feuilles de style en cascade (CSS) sont une langue qui est utilisée pour styliser les pages Web écrites en HTML et XML. Ces feuilles de style consistent en une énorme quantité de propriétés qui peuvent être utilisées pour améliorer l'apparence des pages Web. Ces propriétés sont utiles lors de la mise en forme des éléments d'une page Web. Dans cet article, nous nous concentrerons spécifiquement sur les propriétés utilisées pour appliquer la couleur et la couleur d'arrière-plan pour le texte sur une page Web.

Tout d'abord, nous examinerons la propriété couleur de CSS qui peut être utilisée pour appliquer la couleur du texte apparaissant sur la page Web.

Couleur de texte

Vous pouvez appliquer de la couleur au texte sur une page Web en utilisant la propriété couleur de CSS. Il peut y avoir trois approches pour appliquer la couleur au texte qui est le suivant.

1. Utilisez le nom de la couleur

Le moyen le plus simple d'appliquer la couleur au texte est en utilisant le nom de la couleur. CSS prend en charge un total de 140 noms de couleurs tels que le rouge, le jaune, le marron, le skyblue, etc. Par exemple,

H1
Couleur bleue;

2. Utilisez un code couleur hexadécimal

Ces codes indiquent les intensités de couleur primaire et sont écrites en utilisant trois paires de caractères. 00 représente l'intensité la plus faible d'une couleur primaire et FF représente l'intensité la plus élevée d'une couleur primaire. Par exemple, le code hexadécimal de rouge est # FF0000, le bleu est # 0000FF, Brown Is # 964B00, etc.

H1
Couleur: # 0000FF;

3. Utilisez une valeur RVB

RVB est un modèle de couleur composé des trois couleurs primaires en rouge, vert et bleu. La plage de valeur de ces couleurs est de 0 à 255. 0 représente l'intensité la plus basse d'une couleur primaire et 255 représente l'intensité la plus élevée d'une couleur primaire. La valeur RVB du bleu est (0,0,255), le rouge est (255,0,0), le jaune est (255 255,0), etc.

H1
Couleur: RVB (255 255,0);

Voyons un exemple d'application de la couleur à différents éléments HTML.

Exemple
Dans l'exemple suivant, nous avons démontré toutes les approches mentionnées ci-dessus pour appliquer des couleurs à différents éléments HTML en utilisant la propriété couleur de CSS.

Ce titre est vert

Ce titre est bleu

Ce paragraphe est rouge

Sortir

La couleur de

L'élément est défini sur vert en utilisant l'approche du code hexagonal, la couleur de

L'élément est défini sur le bleu en utilisant l'approche du nom de couleur et la couleur de

L'élément est défini sur rouge à l'aide de l'approche de la valeur RVB.

Maintenant que nous avons une compréhension de base de l'application de la couleur au texte, essayons de comprendre comment appliquer la couleur d'arrière-plan aux éléments d'une page Web.

Couleur de l'arrière plan
Vous pouvez appliquer la couleur d'arrière-plan aux éléments d'une page Web en utilisant la propriété en couleur d'arrière-plan de CSS. Cela peut être fait en utilisant les trois approches mentionnées dans la section ci-dessus. Voyons un exemple.

Exemple
Dans l'exemple suivant, nous avons démontré à la fois la propriété de couleur ainsi que la propriété en couleur d'arrière-plan de CSS.

C'est un paragraphe

Cliquez sur moi

Dans ce qui précède, nous avons utilisé les trois approches différentes (nom de couleur, code hexagonal, valeur RVB) pour donner la couleur du texte et la couleur d'arrière-plan à trois éléments différents (, et).

Sortir

En utilisant la propriété couleur et couleur fond, les trois éléments sont en cours de style.

Conclusion

En utilisant la propriété CLOR et fond d'arrière-plan de CSS, vous pouvez appliquer des couleurs et des couleurs d'arrière-plan à votre texte dans un document HTML. La couleur peut être spécifiée en utilisant le nom de la couleur, le code hexagonal de la couleur ou la valeur RVB de la couleur. La plage de valeur d'un code hexagonal est de 00 à FF, tandis que la plage de valeur d'une valeur RVB est de 0 à 255. Ces gammes représentent les intensités des couleurs primaires. Cet article met en évidence les propriétés de couleur et de couleur d'arrière-plan de CSS en profondeur à l'aide d'exemples appropriés.