Generally speaking, the mouse is displayed as an upward diagonal arrow, which changes to a headed vertical line when moved over text, and becomes a hand when moved over a hyperlink. However, CSS can be used to control the display effect of the mouse. For example, the mouse can be displayed as a hand when it is moved over ordinary text.
The syntax for controlling with css is as follows:
Text or other page elements
Replace * with one of the following 15 effects:
hand, crosshair, text, wait, default, help, e-resize, ne-resize, n-resize, nw-resize, w-resize, sw-resize, s-resize, se-resize and auto.
Below are explanations of these 15 effects. Move your mouse over the explanation and see what happens to your mouse!
hand is the hand shape
crosshair is a cross type
text is the effect of moving to text
wait is the effect of waiting
default is the default effect
help is a question mark
e-size is an arrow pointing to the right
ne-resize is the arrow pointing up and to the right
n-resize is an upward arrow
nw-resize is the arrow pointing up and to the left
w-resize is the left arrow
sw-resize is the arrow on the lower left
s-resize is the downward arrow
se-resize is the arrow pointing down to the right
auto is the effect automatically given by the system