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

Comment changer la couleur de la police en HTML

下次还敢
Libérer: 2024-04-11 07:44:14
original
641 Les gens l'ont consulté

Les deux principales façons de changer la couleur de la police en HTML sont : 1. Utilisez des styles en ligne pour spécifier la couleur du texte directement dans l'élément HTML, par exemple :

Ceci est du texte rouge

2. Utilisez une feuille de style externe pour définir la couleur du texte en appliquant des classes CSS à plusieurs éléments, par exemple : .text-red { color: red }

;C'est du texte rouge

.

Comment changer la couleur de la police en HTML

Comment changer la couleur de la police en HTML ?

En HTML, il existe deux manières principales de modifier la couleur de la police du texte :

1 En utilisant les styles en ligne

En utilisant les styles en ligne, vous pouvez spécifier la couleur du texte directement dans l'élément HTML. La syntaxe est la suivante :

<code class="html"><p style="color: red;">这是红色文本</p></code>
Copier après la connexion

où l'attribut "color" précise la couleur du texte, et "red" est la couleur du texte à modifier.

2. Utiliser des feuilles de style externes

En utilisant des feuilles de style externes, vous pouvez appliquer des styles à l'ensemble d'un site Web ou à plusieurs éléments d'une page. La syntaxe est la suivante :

<code class="css">.text-red {
  color: red;
}</code>
Copier après la connexion
<code class="html"><p class="text-red">这是红色文本</p></code>
Copier après la connexion

Dans ce cas, nous avons créé une classe CSS "text-red" qui définit la couleur du texte de tous les éléments sur rouge. Nous appliquons ensuite la classe à l'élément paragraphe en utilisant l'attribut "class".

En plus d'utiliser un nom de couleur (tel que "rouge"), vous pouvez également spécifier une couleur à l'aide d'un code hexadécimal ou d'une valeur RVB :

  • Code hexadécimal : #ff0000 (rouge)
  • Valeur RVB : rgb( 255, 0, 0) (rouge)

Exemple :

<code class="html"><p style="color: #ff0000;">这是红色文本</p>

<p class="text-red">这是红色文本</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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!