CSS controls the Mouse shape

CSS controls the Mouse shape
 
 
 
On a webpage, the mouse is usually in the arrow shape. When pointing to a link, it becomes a hand shape, and when the webpage is downloaded, it becomes an hourglass shape ...... This seems to be a convention. Although such a design can let us know the current status of the browser or what we can do, it seems that these cannot fully meet our needs. Taking the link as an example, it can point to a Help file, or a forward or backward page. It cannot be explained if you rely on the same hand-shaped mouse for so many functions. Fortunately, CSS provides up to 13 mouse shapes for us to choose from.

The basic format is as follows:

Cursor: Mouse shape parameter

CSS Mouse shape parameter table:

CSSCode

Mouse shape

Style = "cursor: Hand" hand shape
Style = "cursor: crosshair" Cross
Style = "cursor: Text" Text
Style = "cursor: Wait" hourglass
Style = "cursor: Move" Cross arrow
Style = "cursor: Help" Question mark
Style = "cursor: E-resize" right arrow
Style = "cursor: N-resize" top arrow
Style = "cursor: NW-resize" top left arrow
Style = "cursor: W-resize" left arrow
Style = "cursor: S-resize" bottom arrow
Style = "cursor: Se-resize" bottom right arrow
Style = "cursor: Sw-resize" bottom left arrow

You can also customize the mouse style so that the mouse is the image you want.
Style = "cursor: URL (http://image2.sina.com.cn/gm/ol/cross/mouse/arrow40.cur )"