Auto&am"/> Auto&am">
简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Artikel  >  hujung hadapan web  >  Contoh sifat kursor CSS

Contoh sifat kursor CSS

WBOY
WBOYke hadapan
2023-09-10 14:53:021248semak imbas

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>

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.

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!

css auto 指针 tbody td
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Gambaran keseluruhan ciri baharu CSS3: Cara menggunakan CSS3 untuk menukar reka letak halaman webArtikel seterusnya：Gambaran keseluruhan ciri baharu CSS3: Cara menggunakan CSS3 untuk menukar reka letak halaman web

Artikel berkaitan

Lihat lagi