CSS mouse pointer cursor style

Reference Source: W3school

Sometimes we need to set a specific mouse pointer style in the CSS layout, which can be done by setting the cursor:

URL: The URL of the custom cursor you want to use.

Note: Always define a normal cursor at the end of this list in case there are no available cursors defined by the URL;

Default: Cursor (usually an arrow);

Auto: Default. The cursor set by the browser;

Crosshair: The cursor is rendered as a cross-line;

Pointer: Cursor is rendered as a pointer indicating the link (one hand);

Move: This cursor indicates that an object can be moved;

E-resize: This cursor indicates that the edge of the rectangle can be moved to the right (east);

Ne-resize: This cursor indicates that the edge of the rectangle can be moved up and to the right (north/east);

Nw-resize: This cursor indicates that the edge of the rectangle can be moved up and to the left (north/west);

N-resize: This cursor indicates that the edge of the rectangle can be moved up (north);

Se-resize: This cursor indicates that the edge of the rectangle can be moved down and to the right (south/east);

Sw-resize: This cursor indicates that the edge of the rectangle can be moved down and to the left (south/west);

S-resize: This cursor indicates that the edge of the rectangle can be moved downward (south);

W-resize: This cursor indicates that the edge of the rectangle can be moved to the left (west);

Text: This cursor indicates the literal;

Wait: This cursor indicates that the program is busy (usually a table or an hourglass);

Help: This cursor indicates the available assistance (usually a question mark or a balloon);

Example: <span style= "Cursor:auto" >

Online test: Online test address

CSS mouse pointer cursor style