html mouse css control_HTML/Xhtml_web page production

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.

The following is an explanation of these 15 effects. Move your mouse over the explanation and see what happens to your mouse!
hand is the hand shape
crosshair is the cross shape
text is the effect of moving to the text
wait is the effect of waiting
default is the default effect
help is the question mark
e-size is an arrow pointing to the right
ne-resize is an arrow pointing upward to the right
n-resize is an arrow pointing upward
nw-resize is an arrow pointing upward to the left
w-resize is The left arrow
sw-resize is the downward left arrow
s-resize is the downward arrow
se-resize is the right downward arrow
auto is the effect automatically given by the system