<!DOCTYPE html> <html> <head> <title>CSS Cursors</title> </head> <body> <style type="text/css"> .my_cursors{ padding:10px 50px; font-size:20px;} </style> <div class="my_cursors"> <p style="cursor:auto">Auto</p> <p style="cursor:default">Default</p> <p style="cursor:context-menu">Context-menu</p> <p style="cursor:crosshair">Crosshair</p> <p style="cursor:pointer">Pointer</p> <p style="cursor:progress">Progress</p> <p style="cursor:move">Move</p> <p style="cursor:text">text</p> <p style="cursor:wait">wait</p> <p style="cursor:help">help</p> <p style="cursor:cell">Cell</p> <p style="cursor:alias">Alias</p> <p style="cursor:copy">Copy</p> <p style="cursor:not-allowed">Not-allowed</p> <p style="cursor:e-resize">e-resize</p> <p style="cursor:ne-resize">ne-resize</p> <p style="cursor:nw-resize">nw-resize</p> <p style="cursor:n-resize">n-resize</p> <p style="cursor:se-resize">se-resize</p> <p style="cursor:sw-resize">sw-resize</p> <p style="cursor:s-resize">s-resize</p> <p style="cursor:w-resize">w-resize</p> <p style="cursor:zoom-in">Zoom-in</p> <p style="cursor:zoom-out">Zoom-out</p> </div> </body> </html>
Output :
Topic :
CSS Cursors
