masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > teks badan

Contoh sifat kursor CSS

WBOY
Lepaskan： 2023-09-10 14:53:02
ke hadapan
1259 orang telah melayarinya

CSS 光标属性示例

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>
Salin selepas log masuk

Kami telah menambah nilai berikut di atas -

auto Bentuk kursor bergantung pada kawasan konteks ia berakhir. Contohnya, "Saya" pada teks, "tangan" pada pautan, dsb. . Gerakkan lajur "I" e-resizeTepi kotak petunjuk kursor akan bergerak ke kanan (timur). ne-resizeTepi kotak petunjuk kursor akan bergerak ke atas dan ke kanan (Utara/Timur). nw-resizeTepi kotak petunjuk kursor akan bergerak ke atas dan ke kiri (Utara/Barat). n-resizeKursor menunjukkan bahawa tepi kotak akan dialihkan ke atas (utara). se-resize Kursor menggerakkan tepi kotak ke bawah dan ke kanan (selatan/timur). Kursor menggerakkan tepi kotak ke bawah dan ke kiri (selatan/barat). s-ubah saizTepi kursor menunjukkan bahawa kotak bergerak ke bawah (ke arah selatan) ).
nilai

penerangan

sw-resize

Menunggu

untuk jam pasir.

Help

 Tanda soal atau belon, sesuai untuk digunakan pada butang bantuan.

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!

sumber：tutorialspoint.com
Artikel sebelumnya：Gambaran keseluruhan ciri baharu CSS3: Cara menggunakan CSS3 untuk menukar reka letak halaman web Artikel seterusnya：Laksanakan reka letak berpusat mendatar: gunakan atribut kandungan muat CSS3
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
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
0
2
2024
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
0
11
2188
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
0
1
1844
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1734
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1758
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