Use a CSS style sheet to control the mouse display style

Generally, the mouse is displayed with an oblique arrow. When you move the cursor over the text, it becomes a vertical line with a head. When you move the cursor over the hyperlink, it becomes a hand shape. However, css can be used to control the display effect of the mouse. For example, you can move the mouse over common text and display it as a hand shape.
The syntax controlled by css is as follows:
<Span style = "cursor: *"> text or other page elements </span>
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 describes the 15 effects. Move the mouse over the description to see what changes have taken place with your mouse!
Hand is a hand-shaped
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 the right arrow
Ne-resize is the right arrow
N-resize is the up arrow
Nw-resize is the arrow to the top left.
W-resize is the left arrow
Sw-resize is the lower left arrow
S-resize is the downward arrow
Se-resize is the right arrow
Auto is automatically provided by the system.