Maison > interface Web > tutoriel HTML > le corps du texte

Comment changer la couleur de la police en HTML

下次还敢
Libérer: 2024-04-05 09:27:19
original
1176 Les gens l'ont consulté

Il existe cinq façons de changer la couleur de la police en HTML : Utiliser le style en ligne Utiliser la classe ou l'identifiant Utiliser la variable CSS Utiliser la valeur de couleur CSS prédéfinie Utiliser la valeur de couleur hexadécimale ou RVB

Comment changer la couleur de la police en HTML

Changement dans les méthodes HTML de couleur de police

En HTML, la couleur de la police peut être modifiée de plusieurs manières :

1. Utilisation des styles en ligne

Les styles en ligne sont appliqués directement à des éléments spécifiques, la syntaxe est la suivante :

<code class="html"><p style="color: red;">This is red text.</p></code>
Copier après la connexion
Copier après la connexion

2.

Utilisez une classe ou un identifiant pour appliquer des styles à plusieurs éléments. La syntaxe est la suivante :

Classe :

<code class="html"><p class="red-text">This is red text.</p></code>
Copier après la connexion
<code class="css">.red-text {
  color: red;
}</code>
Copier après la connexion

Id :

<code class="html"><p id="red-text">This is red text.</p></code>
Copier après la connexion
<code class="css">#red-text {
  color: red;
}</code>
Copier après la connexion

3. Utilisation de variables CSS

Les valeurs CSS peuvent être définies. être stocké et utilisé dans plusieurs styles. La syntaxe est la suivante :

<code class="css">:root {
  --text-color: red;
}

p {
  color: var(--text-color);
}</code>
Copier après la connexion

4. Utiliser des valeurs de couleur CSS prédéfinies

HTML fournit des valeurs de couleur CSS prédéfinies, telles que :

<code class="html"><p style="color: red;">This is red text.</p></code>
Copier après la connexion
Copier après la connexion

5. valeurs de couleur

Vous pouvez également utiliser des valeurs de couleur hexadécimales ou RVB avec la syntaxe suivante :

Hex :

<code class="html"><p style="color: #ff0000;">This is red text.</p></code>
Copier après la connexion

RGB :

<code class="html"><p style="color: rgb(255, 0, 0);">This is red text.</p></code>
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal