Maison > Article > interface Web > Comment définir l'arrière-plan du lien visité avec CSS

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

青灯夜游original: 2021-09-10 16:11:321718parcourir

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.

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>

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!

html5 css css3 选择器 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：Que fait une méthode dans es6 ?Article suivant：Que fait une méthode dans es6 ?

Articles Liés

Voir plus