CSS définir la couleur de la police

CSS est l'abréviation de Cascading Style Sheets, qui est un langage de contrôle de style et de mise en page. En CSS, définir la couleur de la police est une opération de style de base qui nous permet d'ajouter de la couleur au contenu textuel des pages Web HTML. Dans cet article, nous verrons comment définir la couleur d'une police à l'aide de CSS.

1. Utiliser des mots-clés de couleur

CSS fournit une série de mots-clés de couleur couramment utilisés par les utilisateurs, tels que noir, blanc, rouge, vert, bleu, etc. En utilisant ces mots-clés dans la feuille de style, nous pouvons définir la couleur du texte, par exemple :

body {
  color: red;
}

Le code ci-dessus définit la couleur du texte dans toute la page Web sur rouge.

2. Utiliser des valeurs de couleur hexadécimales

En plus des mots-clés de couleur, CSS prend également en charge l'utilisation de valeurs de couleur RVB ou hexadécimales pour définir les couleurs de police. Parmi elles, les valeurs de couleur hexadécimales sont les plus couramment utilisées. Les valeurs de couleur hexadécimales sont représentées en convertissant les valeurs des trois couleurs primaires rouge, vert et bleu en nombres hexadécimaux. Par exemple, la valeur de couleur hexadécimale pour le rouge est #FF0000, pour le vert, elle est #00FF00 et pour le bleu, elle est #0000FF.

Voici comment définir la couleur de la police à l'aide de valeurs de couleur hexadécimales :

body {
  color: #FF0000;
}

Le code ci-dessus définit la couleur du texte dans toute la page Web sur rouge.

3. Utiliser les valeurs de couleur RVB

En plus des valeurs de couleur hexadécimales, CSS prend également en charge l'utilisation des valeurs de couleur RVB pour définir les couleurs de police. Les valeurs de couleur RVB sont représentées par les valeurs des trois couleurs primaires que sont le rouge, le vert et le bleu. Par exemple, la valeur de couleur RVB pour le rouge est rgb(255, 0, 0), pour le vert, elle est rgb(0, 255, 0) et pour le bleu, elle est rgb(0, 0, 255).

Voici comment définir la couleur de la police à l'aide des valeurs de couleur RVB :

body {
  color: rgb(255, 0, 0);
}

Le code ci-dessus définit la couleur du texte dans toute la page Web sur rouge.

4. Appliquer à différents éléments

Grâce à CSS, nous pouvons également définir différentes couleurs de police pour différents éléments HTML. Par exemple, nous pouvons définir la couleur de police de l’élément h1 sur rouge et la couleur de police de l’élément p sur vert.

h1 {
  color: #FF0000;
}

p {
  color: #00FF00;
}

Le code ci-dessus définit la couleur de police de l'élément h1 sur rouge et la couleur de police de l'élément p sur vert.

Résumé

En CSS, en utilisant des mots-clés de couleur, des valeurs de couleur hexadécimales ou des valeurs de couleur RVB, nous pouvons définir différentes couleurs pour le contenu du texte dans les pages Web HTML. Dans le même temps, nous pouvons également définir différentes couleurs de police pour différents éléments HTML, selon les besoins, afin d'obtenir de meilleurs effets visuels.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!