Bagaimana untuk menetapkan penuding tetikus css kepada gaya imej-tutorial css-php.cn

Bagaimana untuk menetapkan penuding tetikus css kepada gaya imej

青灯夜游

Lepaskan： 2021-11-09 16:20:34

asal

4373 orang telah melayarinya

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>

Salin selepas log masuk

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!