Saat menata halaman , CSS adalah bagian tak terpisahkan dari pekerjaan. Saya sering mendengar orang berkata: HTML adalah penampilan seseorang tanpa riasan, dan menambahkan CSS adalah tampilan seseorang setelah riasan. Kalimat ini mudah dipahami dan menjelaskan hubungan antara CSS dan HTML dengan sangat baik.
Ada banyak properti di CSS. Artikel ini terutama menjelaskan gaya mouse CSS, yaitu properti kursor CSS, dan banyak nilai opsionalnya. Misalnya, bentuk tangan kursor menggunakan properti kursor:pointer.
1. Sintaks dasar kursor CSS
Apa yang dimaksud dengan atribut kursor? Ini mengacu pada bentuk kursor yang muncul ketika penunjuk tetikus ditempatkan dalam batas suatu elemen. Ini termasuk tanda tanya, tangan kecil, dan bentuk lainnya.
Saat menggunakannya, Anda dapat memasukkan style=cursor: nilai atribut tertentu ke dalam tag apa pun yang ingin Anda tambahkan, atau Anda dapat menambahkannya dalam gaya CSS.
Misalnya:
penunjuk, bentuk tangan kecil
bantu, bantu bentuk.
Ada lebih dari selusin nilai opsional untuk nilai atribut kursor . Cukup pilih nilai yang sesuai dengan kebutuhan Anda selama bekerja.
2. Nilai atribut kursor CSS
Tip: Karena sistem komputer yang berbeda, akan ada perbedaan tertentu dalam gaya mouse.
Contoh:
<!DOCTYPEhtml><html><head><style>div{height:30px;border:1pxsolidgreen;margin-top:10px;}.cell{cursor:cell;}.crosshair{cursor:crosshair;}.text{cursor :text;}.vertical-text{cursor:vertical-text;}.alias{cursor:alias;}.copy{cursor:copy;}.move{cursor:move;}.no-drop{cursor:no-drop ;}</style></head><body><divclass=cell>cursor:cell;</div><divclass=crosshair>cursor:crosshair;</div><divclass=text>kursor:teks;</ div> div><divclass=vertical-text>kursor:vertical-text;</div><divclass=alias>kursor:alias;</div><divclass=copy>kursor:copy;</div><divclass= pindah> kursor:pindah;</div><divclass=no-drop>kursor:no-drop;</div></body></html>Anda dapat menjalankannya dan melihatnya, ini sangat intuitif.