Control the style of the mouse display with a CSS style sheet

css| Control | mouse | display | style sheet

In general, the mouse is displayed with a diagonal arrow, a vertical line that becomes a header when moved to the text, and becomes a hand type when moved to the hyperlink. However, with CSS you can control the display of the mouse, such as the mouse can be moved to the normal text is also shown to hand-type.

The syntax for using CSS controls is as follows:

<span style= "cursor:*" > text or other page elements </span>

Change the * to 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.

Here is an explanation of these 15 effects. Move the mouse to explain the above, and see how your mouse changes it!

Hand is hand-shaped

Crosshair is a cross type.

Text is the effect that moves to the text

Wait is the kind of effect that waits

Defaults are the default effect

Help is a question mark

E-size is the arrow to the right

Ne-resize is the arrow on the right

N-resize is the UP arrow

Nw-resize is the arrow on 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 down the right

Auto is the system automatically gives the effect