Maison > Article > développement back-end > couleur de réglage du texte HTML
couleur de réglage du texte HTML
- 王林original
- 2023-05-09 09:44:373234parcourir
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.
- 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 :
<p style="color:red;">这是红色的文本。</p> <p style="color:green;">这是绿色的文本。</p> <p style="color:blue;">这是蓝色的文本。</p> <p style="color:black;">这是黑色的文本。</p> <p style="color:white; background-color:black;">这是白色的文本。</p>
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 :
<p style="color:#ff0000;">这是红色的文本。</p> <p style="color:#00ff00;">这是绿色的文本。</p> <p style="color:#0000ff;">这是蓝色的文本。</p> <p style="color:#000000;">这是黑色的文本。</p> <p style="color:#ffffff; background-color:#000000;">这是白色的文本。</p>
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.
- 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 c9ccee2e6ea535a969eb3f532ad9fe89 en tête d'un document HTML. Nous pouvons y définir plusieurs styles, tels que la couleur du texte et la couleur d'arrière-plan, la taille et la forme de la police, etc. Voici un exemple de feuille de style interne :
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
color: red;
}
h1 {
color: blue;
}
a {
color: green;
}
</style>
</head>
<body>
<h1>这是标题</h1>
<p>这是一段文本。</p>
<a href="#">链接</a>
</body>
</html>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!