HTML mouse css control

Generally speaking, the mouse is displayed as an upward slanting arrow, which becomes a headed vertical line when moved over text, and becomes a hand shape when moved over a hyperlink. However, CSS can be used to control the display effect of the mouse, such as making the mouse appear as a hand shape when it moves over ordinary text.
The syntax for controlling with 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.

Below is an explanation of each of the 15 effects. Move your mouse over the explanation and see what happens to your mouse!
hand is the hand shape
Crosshair is a cross
text is the effect of moving to the text
Wait is the effect of waiting
default is the default effect
help is a question mark
e-size is a right-pointing arrow
ne-resize is an arrow pointing to the upper right
n-resize is an upward arrow
nw-resize is an arrow pointing to the upper left
w-resize is a left arrow
sw-resize is the lower left arrow
s-resize is the downward arrow
se-resize is the arrow pointing down to the right
auto is the system automatically gives the effect

<<: What are the advantages of using B+ tree index in MySQL?

>>: How to handle token expiration in WeChat Mini Programs