Rumah > Artikel > hujung hadapan web > Contoh sifat kursor CSS
Contoh sifat kursor CSS
- WBOYke hadapan
- 2023-09-10 14:53:021260semak imbas
Dengan sifat kursor CSS anda boleh menunjukkan tanda silang atau tambah, penunjuk, dsb. Anda boleh cuba menjalankan kod berikut untuk melaksanakan sifat kursor dalam CSS -
Contoh
<html>
<head>
</head>
<body>
<div style = "cursor:auto">Auto</div>
<div style = "cursor:crosshair">Crosshair</div>
<div style = "cursor:default">Default</div>
<div style = "cursor:pointer">Pointer</div>
<div style = "cursor:move">Move</div>
<div style = "cursor:e-resize">e-resize</div>
<div style = "cursor:ne-resize">ne-resize</div>
<div style = "cursor:nw-resize">nw-resize</div>
<div style = "cursor:n-resize">n-resize</div>
<div style = "cursor:se-resize">se-resize</div>
<div style = "cursor:sw-resize">sw-resize</div>
<div style = "cursor:s-resize">s-resize</div>
<div style = "cursor:w-resize">w-resize</div>
<div style = "cursor:text">text</div>
<div style = "cursor:wait">wait</div>
<div style = "cursor:help">help</div>
</body>
</html>Kami telah menambah nilai berikut di atas -
| nilai | penerangan |
|---|---|
| Bentuk kursor bergantung pada kawasan konteks ia berakhir. Contohnya, "Saya" pada teks, "tangan" pada pautan, dsb. . | |
| "I" | |
| Tepi kotak petunjuk kursor akan bergerak ke kanan (timur). | |
| Tepi kotak petunjuk kursor akan bergerak ke atas dan ke kanan (Utara/Timur). | |
| Tepi kotak petunjuk kursor akan bergerak ke atas dan ke kiri (Utara/Barat). | |
| Kursor menunjukkan bahawa tepi kotak akan dialihkan ke atas (utara). | |
| Kursor menggerakkan tepi kotak ke bawah dan ke kanan (selatan/timur). | |
| sw-resize | |
| Tepi kursor menunjukkan bahawa kotak bergerak ke bawah (ke arah selatan) ). | |
| Menunggu | untuk jam pasir. |
| Help | Tanda soal atau belon, sesuai untuk digunakan pada butang bantuan. |
| 9bb6a7d109b3f2bf35f7e2e9bd87f98a | Sumber fail imej kursor. |
Atas ialah kandungan terperinci Contoh sifat kursor CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam