Maison > Article > interface Web > Comment modifier la couleur d'une page Web en HTML

Comment modifier la couleur d'une page Web en HTML

PHPzoriginal: 2023-04-13 10:46:204628parcourir

Le HTML est la partie la plus fondamentale du développement Web, et la sélection des couleurs des pages Web est également très importante. HTML propose plusieurs méthodes pour modifier la couleur des pages Web, notamment la couleur d'arrière-plan de la page, la couleur du texte et la couleur des liens.

1. Couleur d'arrière-plan de la page Web

Utiliser les noms de couleurs

HTML fournit 137 noms de couleurs, tels que le rouge, le bleu, le vert et d'autres couleurs courantes. Ajoutez l'attribut style à la balise body, utilisez l'attribut background-color et utilisez le nom de la couleur comme valeur d'attribut pour modifier la couleur d'arrière-plan.

<body style="background-color: red;">

Utilisez les valeurs de couleur hexadécimales

En plus des noms de couleurs, vous pouvez également utiliser des valeurs de couleur hexadécimale pour modifier la couleur d'arrière-plan. Ajoutez l'attribut style à la balise body, utilisez l'attribut background-color et utilisez la valeur de couleur comme valeur d'attribut.

<body style="background-color: #FF0000;">

2. Couleur du texte

Utiliser les noms de couleurs

La couleur du texte peut également être modifiée à l'aide des noms de couleurs. Ajoutez l'attribut style à la balise dont la couleur doit être modifiée, utilisez l'attribut color et utilisez le nom de la couleur comme valeur d'attribut.

<p style="color: green;">这是一个绿色的段落</p>

Utilisation des valeurs de couleur hexadécimale

De même, la couleur du texte peut également être modifiée à l'aide des valeurs de couleur hexadécimale. Ajoutez l'attribut style à la balise dont la couleur doit être modifiée, utilisez l'attribut color et utilisez la valeur de couleur comme valeur d'attribut.

<p style="color: #00FF00;">这是一个绿色的段落</p>

3. Couleur du lien

Modifiez la couleur du lien lorsqu'il n'est pas visité

Ajoutez l'attribut de style dans la balise a, utilisez l'attribut de couleur et utilisez le nom de la couleur ou la valeur de la couleur comme valeur d'attribut. . Si vous souhaitez changer la couleur d'un lien au survol de la souris, vous pouvez utiliser la pseudo-classe :hover.

<a href="#" style="color: red;">未访问链接</a>
<a href="#" style="color: #FF0000;">未访问链接</a>

<a href="#" style="color: red;">鼠标悬停链接</a>:hover { color: blue; }
<a href="#" style="color: #FF0000;">鼠标悬停链接</a>:hover { color: #0000FF; }

Modifiez la couleur lorsque le lien a été visité

Ajoutez l'attribut style dans la pseudo-classe a:visited, utilisez l'attribut color et utilisez le nom de la couleur ou la valeur de la couleur comme valeur de l'attribut.

a:visited { color: gray; }
a:visited { color: #808080; }

Résumé

Ci-dessus sont quelques méthodes de base pour changer les couleurs en HTML En sélectionnant le nom de la couleur ou la valeur hexadécimale RVB, la page Web peut afficher un style unique. Dans le développement réel, CSS peut également être utilisé pour contrôler les couleurs des pages Web de manière plus flexible. J'espère que cet article sera utile aux débutants.

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!

css html 伪类 background

Déclaration：

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

Article précédent：Discutez de la façon de créer un système backend pour les projets VueArticle suivant：Discutez de la façon de créer un système backend pour les projets Vue

Articles Liés

Voir plus