Rumah > Artikel > hujung hadapan web > Gunakan CSS untuk menukar rupa kursor anda

Gunakan CSS untuk menukar rupa kursor anda

王林ke hadapan: 2023-09-23 14:53:051487semak imbas

Kami boleh menggunakan sifat kursor CSS untuk memanipulasi imej kursor elemen berbeza dalam dokumen HTML.

Syntax

The syntax of CSS cursor property is as follows:
Selector {
   cursor: /*value*/
}

Berikut ialah nilai-nilai atribut kursor CSS-

23Automatik itu bermakna 45context-menu bermakna 9 lalai 10e-saizubah saiz baru grab bermaksud sesuatu boleh direbut bermakna membantu 1819 20 212224 2526 Progress bermakna ubah suai menunjukkan an Teks Reka Letak menegak pilihan bermaksud tepi kotak bergerak ke kiri (barat) bermaksud program betul Sibuk bermakna sesuatu boleh dibesarkan bermakna sesuatu boleh dikurangkan Ia menetapkan sifat kursor kepada nilai lalainya. Ia mewarisi atribut kursor daripada elemen induk. Demonstrasi langsung

<!DOCTYPE html>
<html>
<head>
<style>
div {
   margin: 5px;
   float: left;
}
#one {
   background-color: beige;
}
#two {
   background-color: lavender;
}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nw-resize {cursor: nw-resize;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
</style></head>
<body>
<div id="one">
<div class="nw-resize">left corner</div><div class="n-resize">up</div>
<div class="ne-resize">right corner</div>
</div>
<div id="two">
<div class="not-allowed">Not-allowed</div><div class="pointer">Pointer</div>
</div>
</body>
</html>

Output

Sr. Nama tunggu penciptaan
	itu bermakna kandungan boleh jadi ditatal ke mana-mana arah
	Secara lalai, penyemak imbas menetapkan kursor
	sel (atau sekumpulan sel ) boleh dipilih
	bermakna menu konteks tersedia
	lajur boleh diubah saiz secara mendatar
7	salin maksudnya apa yang hendak disalin
8	muncul garisan silang
Ia menjadikan kursor lalai
	bermaksud menggerakkan tepi kotak ke kanan (timur) Gerakkan
	bermaksud melaraskan saiz kursor dalam kedua-dua arah 12 td>
	bermakna anda boleh ambil barang b
	14 pertolongan
	15 Gerakan saya untuk sesuatu
16	n-saiz bermakna tepi kotak akan bergerak ke atas (utara)
17	ne-resize bermakna tepi kotak akan bergerak ke atas dan ke kanan (utara/ Timur)
	baru-saiz bermaksud melaraskan saiz kursor dalam kedua-dua arah
	ns-ubah saiz bererti mengubah saiz
	nw-resize bermaksud menggerakkan tepi kotak ke atas dan ke kiri (utara/barat)
td>	nwse-resize bermaksud mengubah saiz kursor di kedua-dua arah
	no-drop bermakna item yang diseret tidak boleh diseret dan digugurkan di sini elemen
	Tidak dibenarkanMaksudnya tindakan yang diminta tidak akan dilakukan
	Penunjuk itu mewakili pautan
	bermakna program sedang sibuk (sedang berlangsung)
	ubah saiz bermakna ubah saiz
28	s - ubah saiz bermaksud mengalihkan tepi kotak ke bawah (selatan)
29	se-resize p> bermakna mengalihkan tepi kotak ke bawah/timur (s) ke bawah dan ke sebelah kanan . menunjukkan teks yang boleh dipilih .
	34 w-resize


	36 Besarkan
	strong>
	38 Initial
39 Diwarisi
	Berikut ialah contoh pelaksanaan sifat kursor CSS p>Contoh

Atas ialah kandungan terperinci Gunakan CSS untuk menukar rupa kursor anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css html 指针继承 td th

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Apakah pemilih CSS?Artikel seterusnya：Apakah pemilih CSS?

Artikel berkaitan

Lihat lagi