Gunakan CSS untuk menukar rupa kursor anda-tutorial css-php.cn

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*/
}

Salin selepas log masuk

Berikut ialah nilai-nilai atribut kursor CSS-

23Automatik itu bermakna 45context-menu bermakna 9< td> 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. < td>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>

Salin selepas log masuk

Output

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

sumber：tutorialspoint.com

Artikel sebelumnya：Apakah pemilih CSS? Artikel seterusnya：Bagaimana untuk menetapkan harta align-self kepada nilai lalainya dalam CSS?

Kenyataan Laman Web ini

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 terbaru oleh pengarang

Cipta Masa Depan: Pengaturcaraan Java untuk Pemula Mutlak

2024-10-13 13:32:21
Anda Tidak Sendiri: Kuasai Python dengan Komuniti Menyokong di Sisi Anda

2024-10-12 11:58:51
Daripada Novis kepada Coder: Manfaatkan Kuasa Pengaturcaraan Python

2024-10-11 20:06:51
Think Like a Programmer: Belajar Asas Java

2024-10-11 18:59:31
Java Made Simple: Panduan Pemula untuk Kuasa Pengaturcaraan

2024-10-11 18:30:51
Bina Blog dengan PHP: Projek Mesra Permulaan

2024-10-11 15:51:51
Cakap Bahasa Sistem: Belajar C, Satu Baris pada Satu Masa

2024-10-11 15:42:10
Struktur Data dan Algoritma dalam C: Pendekatan Mesra Permulaan

2024-10-11 14:41:20
Pengekodan Tanpa Air Mata: Belajar C dengan Cara Mudah

2024-10-11 14:08:31
Analisis Data dengan Java: Panduan Pemula untuk Memproses Maklumat

2024-10-11 13:42:21

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2194

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2341

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

1963

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...

daripada 2024-04-18 23:52:34

1851

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

1910

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan

Sr. Nama tunggu penciptaan	< /th>
	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< /p>
	< strong> 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
	bermakna anda boleh ambil barang b
	14 pertolongan
	15 < p>Gerakan saya untuk sesuatu
16	n-saiz bermakna tepi kotak akan bergerak ke atas (utara) < p>
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)
	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 dibenarkan Maksudnya 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 bermakna mengalihkan tepi kotak ke bawah/timur (s) ke bawah dan ke sebelah kanan . menunjukkan teks yang boleh dipilih .
	34 w-resize

	< /p>
	36 Besarkan

	< /strong>38 Initial
39 Diwarisi
	Berikut ialah contoh pelaksanaan sifat kursor CSS Contoh