鼠标光标的样式 | 码农工具

​x
 
<!DOCTYPE html>
<html>
  <body>
    <p>Mouse over the words to change the cursor.</p>
    <p style="cursor:auto">auto</p>
     <p style="cursor:crosshair">crosshair</p>
    <span style="cursor:default">default</span><br>
    <p style="cursor:e-resize">e-resize</p>
    <p style="cursor:help">help</p>
    <p style="cursor:move">move</p>
    <p style="cursor:n-resize">n-resize</p>
    <p style="cursor:ne-resize">no-resize</p>
    <p style="cursor:nw-resize">nw-resize</p>
    <p style="cursor:pointer">pointer</p>
    <p style="cursor:progress">progress</p>  
    <p style="cursor:s-resize">s-resize</p>
    <p style="cursor:se-resize">se-resize</p>
    <p style="cursor:sw-resize">sw-resize</p>
    <p style="cursor:text">text</p>
    <p style="cursor:w-resize">w-resize</p>
    <p style="cursor:wait">wait</p>
  </body>
</html>
HTML