Cet article présente principalement la définition de la couleur de police des hyperliens et de la couleur de police après avoir cliqué en HTML. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer
. Les CSS pour certains effets spéciaux préparent des outils spécifiques, que nous appelons « pseudo-classes ». Il y en a plusieurs que nous utilisons souvent. Ci-dessous, nous présenterons en détail les quatre pseudo-classes qui sont souvent utilisées pour définir les styles de liens
Définir les styles de liens
CSS a préparé des outils spécifiques pour certains effets spéciaux. . , nous l'appelons "pseudo-classe". Il y en a plusieurs que nous utilisons souvent. Ci-dessous, nous présenterons en détail les quatre pseudo-classes qui sont souvent utilisées pour définir les styles de liens. Ce sont :
:link
:visited
:hover :active
Puisque nous voulons définir le style du lien, la balise d'ancrage dans le lien hypertexte - a est essentielle. La méthode d'écriture de la balise d'ancrage et du lien pseudo-classe est la méthode de base pour définir le style du lien. s'écrit comme suit :
a:link, définit le style d'un lien normal
a:visited, définit le style d'un lien visité
a:hover, définit le style au survol de la souris ; sur le lien ;
a:active, définit le style lorsque la souris clique sur le lien.
Exemple :
a:link { color:#FF0000; text-decoration:underline; } a:visited { color:#00FF00; text-decoration:none; } a:hover { color:#000000; text-decoration:none; } a:active { color:#FFFFFF; text-decoration:none; }
Si le lien normal et le lien visité ont le même style, et que les styles de survol et de clic de la souris sont les mêmes, ils peuvent également être combinés et définis :
a:link, a:visited { color:#FF0000; text-decoration:underline; } a:hover, a:active { color:#000000; text-decoration:none; }
Aucune règle Bien que la définition du lien ait été écrite, elle comporte également des règles. Si l'ordre d'écriture de ces quatre éléments est légèrement erroné, l'effet du lien peut être perdu. Par conséquent, assurez-vous de confirmer l'ordre de définition à chaque fois. vous définissez un style de lien link --visited--hover-active, ce que nous appelons souvent le principe LoVe HAte (les lettres majuscules sont leurs premières lettres).
Définir le style de lien local
Écrire une définition comme a:link{} en CSS changera le style de lien de la page entière, mais certains liens locaux doivent être spécialisés. Ce problème n'est pas difficile à résoudre, tant que cela est nécessaire. comme lien Ajoutez simplement l'identifiant ou la classe spécifié devant la définition de style.
Exemple :
#sidebar a:link, #sidebar a:visited { color:#FF0000; text-decoration:none; } #sidebar a:hover, #sidebar a:active { color:#000000; text-decoration:underline; }
a.redlink a:link, a.redlink a:visited { color:#FF0000; text-decoration:none; } a.redlink a:hover, a.redlink a:active { color:#000000; text-decoration:underline; background:#FFFFFF; }
CSS
Introduction à l'utilisation de l'attribut Border solid
css
Explication du background:transparent
Le rôle des méta dans la page html et l'analyse des paramètres de cache et de non-caching de la page
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!