Couleur du texte et couleur d'arrière-plan dans CSS
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,
H1Couleur 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.
H1Couleur: # 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.
H1Couleur: 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
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.