Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan penuding tetikus css kepada gaya imej

Bagaimana untuk menetapkan penuding tetikus css kepada gaya imej

青灯夜游
青灯夜游asal
2021-11-09 16:20:344401semak imbas

Dalam CSS, anda boleh menggunakan atribut kursor untuk menetapkan penuding tetikus kepada gaya imej Anda hanya perlu menambah satu atau lebih nilai "url()" yang dipisahkan koma pada atribut kursor untuk menentukan. imej yang digunakan sebagai penunjuk tetikus Ya, sintaksnya ialah "kursor: url(laluan fail gambar)".

Bagaimana untuk menetapkan penuding tetikus css kepada gaya imej

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

Dalam CSS, anda boleh menggunakan atribut kursor untuk menyesuaikan penuding tetikus dan menetapkan penuding tetikus kepada gaya imej.

Sintaks: cursor:url(图片文件路径);

Satu atau lebih url() dipisahkan koma yang menunjuk kepada imej untuk digunakan sebagai kursor. Ejen pengguna mendapatkan semula url() kursor daripada yang pertama. Jika ejen pengguna tidak dapat mengendalikan kursor pertama senarai kursor, ia mesti cuba mengendalikan senarai kursor dan seterusnya.

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<style>
			div{
				height: 100px;
				background-color: #FFC0CB;
				cursor: url(https://img.php.cn/upload/article/000/000/024/618a2ac4b581f274.png), pointer;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>

Rendering:

Bagaimana untuk menetapkan penuding tetikus css kepada gaya imej

Nota: Jika ejen pengguna tidak dapat mengendalikan mana-mana imej yang disediakan , Anda mesti menggunakan kata kunci kursor.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan penuding tetikus css kepada gaya imej. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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