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:344409semak 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)".
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:
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!