Hand and pointer in css mouse hand cursor

web front end fifty-five thousand five hundred and ninety-one 14 years ago (2011-07-06)

Example: CSS mouse hand effect<a href="#" style="cursor: hand">CSS mouse hand effect</a>

Example: CSS mouse hand effect<a href="#" style="cursor: pointer">CSS mouse hand effect</a>
Note: pointer is also a small hand mouse. It is recommended to use pointer, because it can be compatible with a variety of browser

Example: CSS mouse is automatically given effect by the system<a href="#" style="cursor: auto">CSS mouse is automatically given effect by the system</a>

Example: CSS mouse cross effect<a href="#" style="cursor: crosshair">CSS mouse cross effect</a>

Example: CSS mouse I-shape effect<a href="#" style="cursor: text">CSS mouse I-shape effect</a>

Example: CSS mouse waiting effect<a href="#" style="cursor: wait">CSS mouse waiting effect</a>

Example: CSS mouse default effect<a href="#" style="cursor: default">CSS mouse default effect</a>

Example: CSS mouse right arrow effect<a href="#" style="cursor: e-resize">CSS mouse right arrow effect</a>

Example: CSS mouse up right arrow effect<a href="#" style="cursor: ne resize">CSS mouse up right arrow effect</a>

Example: CSS mouse up arrow effect<a href="#" style="cursor: n-resize">CSS mouse up arrow effect</a>

Example: CSS mouse left up arrow effect<a href="#" style="cursor: nw resize">CSS mouse left up arrow effect</a>

Example: CSS mouse left arrow effect<a href="#" style="cursor: w-resize">CSS mouse left arrow effect</a>

Example: CSS mouse down arrow effect<a href="#" style="cursor: sw resize">CSS mouse down arrow effect</a>

Example: CSS mouse down right arrow effect<a href="#" style="cursor: s-resize">CSS mouse down right arrow effect</a>