Comment effacer la couleur de police par défaut des hyperliens HTML

青灯夜游
Libérer: 2023-01-03 09:31:05
original
6873 Les gens l'ont consulté

Méthode : 1. Utilisez les attributs link, alink et vlink dans le corps pour définir d'autres couleurs, telles que "

". 2. Utilisez d'abord les sélecteurs ":link", ":visited" et ":active" pour sélectionner l'élément a, puis utilisez l'attribut color pour définir d'autres couleurs.

Comment effacer la couleur de police par défaut des hyperliens HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Afin de mettre en évidence le lien hypertexte, le texte du lien hypertexte utilise généralement une couleur différente des autres textes et une ligne horizontale est ajoutée à l'extrémité inférieure du texte du lien hypertexte. Le texte du lien hypertexte d'une page Web a une couleur par défaut, le navigateur utilise le bleu comme couleur du texte du lien hypertexte et la couleur du texte visité devient rouge foncé. Alors, comment définir la couleur du texte du lien hypertexte ?

Méthode 1 : utilisez les attributs link, alink, vlink dans la balise du HTML pour définir la

Syntaxe de base :

<body link="颜色">
Copier après la connexion

Il fonctionne sur tous les éléments de la page Web qui ne sont pas définis individuellement.

Utilisez alink pour définir la couleur du lien hypertexte lorsque la souris clique

Syntaxe de base :

<body alink="颜色">
Copier après la connexion

Utilisez vlink pour définir la couleur du texte du lien hypertexte visité

Syntaxe de base :

<body vlink="颜色">
Copier après la connexion

Exemple :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>设置链接文字的颜色</title>
</head>
<body link="#9933ff" alink="#0066ff" vlink="#ff0000">
    <a href="http://www.baidu.com">链接的文字</a>
</body>
</html>
Copier après la connexion

Comment effacer la couleur de police par défaut des hyperliens HTML

Dans les pages Web, les hyperliens sur le texte général sont bleus (bien sûr, vous pouvez également définir un autre couleur), avec un soulignement sous le texte. Lorsque vous déplacez le pointeur de la souris sur le lien hypertexte, le pointeur de la souris prend la forme d'une main. À ce moment, cliquez avec le bouton gauche de la souris pour accéder directement à la page Web connectée au lien hypertexte. Si un lien hypertexte a été visualisé, la couleur du texte du lien hypertexte changera.

Méthode 2 : utilisez les sélecteurs css :link, :visited, :active et :hover avec l'attribut color pour définir le pointeur de réglage du sélecteur

:link Le style des liens vers les pages non visitées. Le sélecteur :visited est utilisé pour définir les liens vers les pages visitées. Le sélecteur :active est utilisé pour les liens actifs. Le sélecteur :hover est utilisé pour sélectionner l'élément sur lequel le pointeur de la souris flotte.

Exemple : Sélectionnez les liens non visités, visités, flottants et actifs et définissez leurs styles :

a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}
Copier après la connexion

[Tutoriel recommandé : Tutoriel vidéo CSS]

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:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal