Maison > interface Web > Questions et réponses frontales > Comment définir l'arrière-plan du lien visité avec CSS

Comment définir l'arrière-plan du lien visité avec CSS

青灯夜游
Libérer: 2023-01-11 09:19:24
original
1807 Les gens l'ont consulté

En CSS, vous pouvez utiliser le sélecteur ":active" et l'attribut background pour définir l'arrière-plan du lien que vous visitez. Il vous suffit d'ajouter "a:active{background:color value/url('image url'). ;}" au lien. Le style peut définir la couleur d'arrière-plan ou l'image d'arrière-plan du lien lors de son accès.

Comment définir l'arrière-plan du lien visité avec CSS

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

css définit l'arrière-plan du lien visité

Lorsque la souris clique sur le lien, définissez sa couleur d'arrière-plan sur jaune.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			a:active {
				background: yellow;
				/* background:url(img/1.jpg); */
			}
		</style>
	</head>
	<html>
		<body>
			<a href="#">链接</a>
		</body>
	</html>
Copier après la connexion

Rendu :

Comment définir larrière-plan du lien visité avec CSS

Description :

 : le sélecteur actif peut définir le style lorsque vous cliquez sur le lien.

Lorsque vous cliquez sur un lien, il devient un lien actif et :active ajoute un style spécial aux liens actifs.

Conseils : le sélecteur :link définit le style de lien pour les pages non visitées, le sélecteur :visited définit le style de lien pour les pages visitées et le sélecteur :hover définit le style de lien lorsque la souris passe dessus.

Remarque : Afin de produire l'effet souhaité, :active doit être situé après :hover dans la définition CSS ! !

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