Cursor Property

by davidxmartins

HTML

<ul>
<li style="cursor:auto">auto</li>
<li style="cursor:crosshair">crosshair</li>
<li style="cursor:default">default</li>
<li style="cursor:e-resize">e-resize</li>
<li style="cursor:help">help</li>
<li style="cursor:move">move</li>
<li style="cursor:n-resize">n-resize</li>
<li style="cursor:ne-resize">ne-resize</li>
<li style="cursor:nw-resize">nw-resize</li>
<li style="cursor:pointer">pointer</li>
<li style="cursor:progress">progress</li>
<li style="cursor:s-resize">s-resize</li>
<li style="cursor:se-resize">se-resize</li>
<li style="cursor:sw-resize">sw-resize</li>
<li style="cursor:text">text</li>
<li style="cursor:w-resize">w-resize</li>
<li style="cursor:wait">wait</li>
</ul>

CSS

html, body {
        margin: 0;
        padding: 0;
      }

      ul {
        margin: 0;
        padding: 0;
      }

      li {
        padding: 30px;
        background: black;
        color: white;
        margin: 1px;
        display: block;
        font-size: 20px;
        font-family: sans-serif;
      }