Live Demo: Example of CSS cursor property

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of CSS cursor property</title>
<style>
 a {
 cursor: url("/examples/images/custom.gif"), url("/examples/images/custom.cur"), default;
 }
 .cursor-demo span{
 min-width: 100px;
 padding: 5px 10px;
 margin-bottom: 5px;
 display: inline-block;
 border: 1px solid grey;
 border-radius: 3px; 
 }
</style>
</head>
<body>
 <h1>Custom Cursor</h1>
 Place your mouse pointer <a href="#">over me</a> to reveal the custom cursor.
 <hr>
 <h2>More Cursors</h2>
 Place your mouse pointer over the box to reveal the cursor.
 <div class="cursor-demo">
 auto
 default
 none
 context-menu
 help
 pointer
 progress
 wait
 cell
 crosshair
 text 
 vertical-text
 alias
 copy
 move
 no-drop
 not-allowed
 grab
 grabbing
 e-resize
 n-resize
 ne-resize
 nw-resize
 s-resize
 se-resize
 sw-resize
 w-resize
 ew-resize
 ns-resize
 nesw-resize
 nwse-resize
 col-resize
 row-resize
 all-scroll
 zoom-in
 zoom-out
 </div>
</body>
</html>

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of CSS cursor property</title>
<style>
    a {
        cursor: url("/examples/images/custom.gif"), url("/examples/images/custom.cur"), default;
    }
    .cursor-demo span{
        min-width: 100px;
        padding: 5px 10px;
        margin-bottom: 5px;
        display: inline-block;
        border: 1px solid grey;
        border-radius: 3px;   
    }
</style>
</head>
<body>
    <h1>Custom Cursor</h1>
    <p>Place your mouse pointer <a href="#">over me</a> to reveal the custom cursor.</p>
    <hr>
    <h2>More Cursors</h2>
    <p>Place your mouse pointer over the box to reveal the cursor.</p>
    <div class="cursor-demo">
        <span style="cursor: auto;">auto</span>
        <span style="cursor: default;">default</span>
        <span style="cursor: none;">none</span>
        <span style="cursor: context-menu;">context-menu</span>
        <span style="cursor: help;">help</span>
        <span style="cursor: pointer;">pointer</span>
        <span style="cursor: progress;">progress</span>
        <span style="cursor: wait;">wait</span>
        <span style="cursor: cell;">cell</span>
        <span style="cursor: crosshair;">crosshair</span>
        <span style="cursor: text;">text</span> 
        <span style="cursor: vertical-text;">vertical-text</span>
        <span style="cursor: alias;">alias</span>
        <span style="cursor: copy;">copy</span>
        <span style="cursor: move;">move</span>
        <span style="cursor: no-drop;">no-drop</span>