Maison> développement back-end> Golang> le corps du texte

couleur de réglage du texte HTML

王林
Libérer: 2023-05-09 09:44:37
original
3189 Les gens l'ont consulté

Couleur de réglage du texte HTML

En HTML, nous pouvons rendre la page plus colorée en définissant la couleur du texte. Les paramètres de couleur du texte peuvent être appliqués à différents éléments tels que les paragraphes de texte, les titres, les liens, etc. Dans cet article, nous expliquerons comment définir la couleur du texte en HTML et utiliser CSS pour contrôler la couleur du texte plus facilement.

  1. Paramètres de base de la couleur du texte HTML

En HTML, nous pouvons utiliser des noms de couleurs ou des valeurs de couleur hexadécimales pour définir les couleurs du texte. Voici quelques noms de couleurs HTML couramment utilisés :

  • rouge : rouge
  • vert : vert
  • bleu : bleu
  • noir : noir
  • blanc : blanc

Nous pouvons appliquer les couleurs des manières suivantes :

这是红色的文本。

这是绿色的文本。

这是蓝色的文本。

这是黑色的文本。

这是白色的文本。

Copier après la connexion

Dans l'exemple ci-dessus, nous avons utilisé l'attribut style pour définir la couleur. En ajoutant l'attribut color à l'attribut style, nous pouvons définir la couleur du texte.

En plus d'utiliser des noms de couleurs, nous pouvons également utiliser des valeurs de couleur hexadécimales pour définir les couleurs du texte. Voici quelques exemples :

这是红色的文本。

这是绿色的文本。

这是蓝色的文本。

这是黑色的文本。

这是白色的文本。

Copier après la connexion

Dans l'exemple ci-dessus, nous définissons la couleur à l'aide du caractère # suivi du code couleur. Le code couleur se compose de 6 nombres hexadécimaux, qui représentent respectivement les valeurs de luminosité des couleurs rouge, verte et bleue. Par exemple, #ff0000 représente le rouge et ff représente la valeur de luminosité maximale du rouge.

  1. Définir la couleur du texte à l'aide de CSS

Dans l'exemple ci-dessus, nous avons utilisé l'attribut style pour définir la couleur du texte. Cependant, pour les grands sites Web ou projets, nous devons appliquer le même style sur plusieurs pages et éléments. Dans ce cas, nous pouvons utiliser CSS pour contrôler l’apparence et le style de la page.

Voyons d'abord comment définir la couleur du texte à l'aide d'une feuille de style interne. Une feuille de style interne est une feuille de style écrite dans la balise

这是标题

这是一段文本。

链接
Copier après la connexion

Dans l'exemple ci-dessus, nous avons utilisé trois sélecteurs de style différents pour définir la couleur du texte des différents éléments. Par exemple, nous avons utilisé le sélecteur p pour sélectionner tous les éléments de paragraphe et définir la couleur de leur texte sur rouge. Nous avons utilisé un sélecteur h1 pour sélectionner tous les éléments de titre et définir la couleur de leur texte sur bleu. Nous avons utilisé un sélecteur pour sélectionner tous les éléments du lien et définir la couleur de leur texte sur vert.

En plus d'utiliser des feuilles de style internes, nous pouvons également utiliser des feuilles de style externes ou des styles en ligne pour définir la couleur du texte. La feuille de style externe est un autre fichier CSS qui doit être importé en tête du document HTML. Les styles en ligne sont similaires aux feuilles de style internes et sont des attributs de style écrits dans les éléments. L'utilisation de feuilles de style externes ou de styles en ligne fonctionne de la même manière que les feuilles de style internes où nous pouvons définir toutes les options de couleur de texte dont nous avons besoin.

Résumé

En HTML, nous pouvons définir la couleur du texte en utilisant le nom de la couleur ou le code de couleur hexadécimal, qui peut être défini dans les attributs de style. Nous pouvons définir la couleur du texte à l'aide de feuilles de style internes, de feuilles de style externes ou de styles en ligne. L'utilisation de CSS vous permet de contrôler de manière plus flexible les styles de page, d'éliminer le code en double et de faciliter la maintenance et la mise à jour des pages.

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!

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
Recommandations populaires
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!