Comment modifier la couleur d'une page Web en HTML-Questions et réponses frontales-php.cn

Comment modifier la couleur d'une page Web en HTML

PHPz

Libérer： 2023-04-13 11:16:16

original

4716 Les gens l'ont consulté

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;">

Copier après la connexion

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;">

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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; }

Copier après la connexion

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; }

Copier après la connexion

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!