Wygląd kursora

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2008-04-07

szukaj: kursor kurs css

Kursor jak wygląda - każdy widzi:-). A na tej lekcji nauczysz się zmieniać jego wygląd!

Zmiany w pliku 'style.css':

/* otwórz plik 'style.css' który tworzyłeś na poprzednich lekcjach */

BODY {
background-color: #CBD1D3;
text-align: center;
scrollbar-3dlight-color:silver;
scrollbar-arrow-color:black;
scrollbar-base-color:white;
scrollbar-dark-shadow-color:black;
scrollbar-face-color:white;
scrollbar-highlight-color:silver;
scrollbar-shadow-color:silver;
/* to wszystko powinno już tam być */

/* a teraz coś mowego */
cursor: crosshair; // 1
}

TABLE { margin-left: auto;
margin-right: auto; }

Opis:

1 - Tym sposobem zmieniłem kształt kursora na krzyżyk [zobacz efekt].

Jak zawsze nie jest to jedyna możliwośc jaką daję CSS.

crosshair [zobacz efekt]
hand [zobacz efekt - tylko MSIE]
move [efekt]
e-resize [zobacz efekt]
ne-resize [zobacz efekt]
nw-resize [zobacz efekt]
n-resize [zobacz efekt]
se-resize [zobacz efekt]
sw-resize [zobacz efekt]
w-resize [zobacz efekt]
text [zobacz efekt]
wait [zobacz efekt]
help [zobacz efekt]
default [zobacz efekt]

Patryk 'yarpo' Jar

szukaj: kursor kursor kurs css

Zagadnienia poruszane w tej części kursu:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!