W bardzo prosty sposób możemy zmienić kursor myszy np. w przypadku najechania na link. I na tym właśnie przykładzie pokażę, jak to zrobić.
Ogólny wzór na zmianę kursora myszy wygląda następująco:
selektor
{
cursor: rodzaj
}
Aby zmienić wygląd kursora dla linków, na które najedzie się myszką wystarczy w pliku .css napisać:
a:hover
{
cursor: rodzaj
}
gdzie rodzaj to konkretny wygląd kursora jaki chcemy osiągnąć. Dopuszczalne wartości to np:
auto - automatyczny wybór kształtu kursora
crosshair - kursor w kształcie krzyżyka
default - domyślna strzałka
pointer - wskaźnik, taki, który wskazuje domyślnie odnośnik
hand - kursor w kształcie dłoni
move - kursor przybiera kształt krzyżyka ze strzałeczkami, taki, jak przy próbie przesunięcia obiektu w programie graficznym
text - kursor tekstowy, jak w Wordzie
wait - klepsydra
help - kursor pomoc