Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan latar belakang pautan yang dilawati dengan css

Bagaimana untuk menetapkan latar belakang pautan yang dilawati dengan css

青灯夜游asal: 2021-09-10 16:11:321763semak imbas

Dalam css, anda boleh menggunakan pemilih ":aktif" dan atribut latar belakang untuk menetapkan latar belakang pautan yang anda lawati Anda hanya perlu menambah "a:active{background:color value/url('. url gambar'" ke pautan );}" gaya boleh menetapkan warna latar belakang atau imej latar belakang pautan apabila ia sedang diakses.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

css tetapkan latar belakang pautan yang sedang dilawati

Apabila tetikus mengklik pada pautan, tetapkan warna latar belakangnya kepada kuning.

<!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>

Rendering:

Bagaimana untuk menetapkan latar belakang pautan yang dilawati dengan css

Penerangan:

:pemilih aktif boleh menetapkan tindakan apabila anda mengklik gaya pautan .

Apabila anda mengklik pautan ia menjadi aktif, dan :active menambah gaya khas pada pautan aktif.

Petua: :pemilih pautan menetapkan gaya pautan halaman yang tidak dilawati, :pemilih yang dilawati menetapkan gaya pautan halaman yang dilawati, :pemilih tuding apabila tetikus melayang di atasnya gaya pautan.

Nota: Untuk menghasilkan kesan yang diingini, :active mesti diletakkan selepas :hover dalam definisi CSS! !

Tutorial yang disyorkan: "Tutorial Video CSS"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan latar belakang pautan yang dilawati dengan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css css3 选择器 background

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah yang dilakukan oleh beberapa kaedah dalam es6?Artikel seterusnya：Apakah yang dilakukan oleh beberapa kaedah dalam es6?

Artikel berkaitan

Lihat lagi