Senarai Kursor CSS

Semak kesemua 36 jenis kursor CSS dengan hover dan salin kod

Ciri-ciri

Paparkan kesemua 36 jenis cursor

Senaraikan kata kunci piawai CSS dalam satu halaman

Semak bentuk sebenar dengan hover

Kursor berubah bentuk apabila anda tahan tetikus ke atas

Susun dalam 6 kumpulan mengikut kegunaan

Mudah mencari kursor yang anda perlukan dengan penerangan ringkas

Salin CSS dengan sekali klik

Salin dalam bentuk "cursor: pointer;" yang boleh digunakan terus

Cara Penggunaan

1

Cari mengikut kumpulan

Cari pilihan dari tajuk mengikut kegunaan seperti "Am" atau "Seret & Lepas"

2

Tahan tetikus untuk menyemak

Letakkan kursor pada kotak "Tahan tetikus di sini" untuk menyemak bentuknya

3

Salin dan tampal

Dapatkan CSS dengan butang "Salin" dan tampal ke lembaran gaya anda

Senarai Kursor CSS

Kes Penggunaan

Semak kursor butang dan pautan

Lihat rupa pointer yang digunakan pada elemen yang boleh diklik

Pilih kursor untuk UI seret operasi

Bandingkan grab, move, dan copy untuk memilih bentuk yang sesuai untuk operasi susun semula atau bergerak

Membezakan ungkapan tidak sah dan sedang diproses

Semak perbezaan not-allowed, wait, dan progress dengan bentuk sebenar dan gunakan dengan tepat

Hafal nilai dalam pembelajaran CSS

Lihat dan ingat semua jenis nilai dan makna yang boleh ditulis dalam cursor

Pengetahuan Asas

Perbezaan antara pointer dan default

pointer ialah kursor berbentuk jari yang menunjukkan elemen boleh diklik seperti pautan atau butang. default ialah kursor anak panah piawai persekitaran yang digunakan di atas teks atau latar belakang di mana mengklik tidak melakukan apa-apa.

Tingkah laku nilai awal auto dalam cursor

Nilai awal sifat cursor ialah auto, di mana pelayar memilih bentuk kursor secara automatik bergantung pada lokasi, seperti text di atas teks dan default di tempat lain.

Sebab kursor tidak berubah walaupun ditentukan

Apabila kursor tidak berubah bentuk walaupun ditentukan, biasanya kerana elemen lain bertindih di atas atau spesifikasi dalam peraturan lain ditimpa.

  • Elemen bertindih di atas:Apabila elemen telus atau pseudo-elemen bertindih di atas, bentuk kursor mengikuti spesifikasi cursor elemen paling atas.
  • Penindihan mengikut kekhususan:Apabila berbilang peraturan digunakan pada elemen yang sama, spesifikasi cursor dalam peraturan dengan kekhususan lebih tinggi (kekuatan pemilih) akan diutamakan.
  • Perbezaan mengikut OS dan pelayar:Rupa kursor menggunakan yang disediakan oleh OS atau pelayar, jadi bentuknya berbeza antara Windows dan macOS walaupun nilainya sama.

Keselamatan dan Privasi

Selesai dalam pelayar

Data input diproses hanya dalam pelayar anda dan tidak dihantar ke luar.

Diproses hanya dalam pelayar

Paparan kursor dan salin kod semuanya dilakukan dalam pelayar anda, data input tidak dihantar ke pelayan.

Komunikasi disulitkan dengan HTTPS

Pemuatan halaman juga disulitkan oleh TLS, kandungan tidak boleh dibaca oleh pihak ketiga.

Tiada penghantaran kepada pihak ketiga

Kandungan input tidak dihantar ke perkhidmatan luaran seperti rangkaian iklan atau penjejak.

Tiada penyimpanan automatik hasil

Kod yang disalin dan cadangan input tidak disimpan di pelayan.

Ikuti RAKKOTOOLS di Carian Google

188 alat berguna yang mudah ditemui dari Carian Google dan Carian AI!

  • Ditemui dalam carian
  • Dipaparkan dalam Carian AI
  • Menemui alat baharu

Maklumat kemas kini

Alat Berkaitan