Coincidence to use the mouse style effect, the way to organize the next 15 kinds of CSS mouse styles. CSS mouse style syntax is as follows:
Insert Style= "cursor:*" in any label
Example: <span style= "cursor:*" > text or other page elements </span> <a href= "#" style= "cursor:*" > text or other page elements </a> Note the * Change to one of the following 15 effects:
Here is an explanation of these 15 effects. Move your mouse to explain the above and see what changes have been made to your mouse!
Hand is hand-shaped
Example: CSS mouse hand effect <a href= "#" style= "Cursor:hand" >css mouse hand-shaped effect </a>
Pointer is also a hand type, which is recommended here because it can be used in a variety of browsers.
Example: CSS mouse hand effect <a href= "#" style= "Cursor:pointer" >css mouse hand-shaped effect </a>
Crosshair is a cross-type
Example: CSS mouse cross-effect <a href= "#" style= "Cursor:crosshair" >css mouse cross-effect </a>
Help is a question mark
Example: CSS mouse question mark effect <a href= "#" style= "cursor:help" >css mouse question mark effect </a>
The following writing is the same, here will not be finished.
Text is the effect that moves to the text
Wait is the kind of effect that waits
Default is the defaults effect
E-resize is the right arrow
Ne-resize is the arrow on the right
N-resize is the upward arrow
Nw-resize is the arrow on the left
W-resize is the left arrow
Sw-resize is the arrow below the left
S-resize is the downward arrow
Se-resize is the arrow down to the right
Auto is automatically given an effect by the system
CSS Controls Mouse shapes