鼠标样式大全

想看具体效果请自行复制代码在浏览器中查看,样式太多就不一一截图了!

  <!doctype html>
  <html>
  <head>
  <meta charset="utf-8">
  <title>无标题文档</title>
   
  <style>
  ul,li{padding:10px;list-style:none;}
  li{border:1px solid red;}
   
  /*li{ cursor:pointer; }*/
  </style>
   
  </head>
   
  <body>
   
  <ul>
  <li style="cursor:auto">auto</li>
  <li style="cursor:crosshair">Crosshair</li>
  <li style="cursor:default"> Default</li>
  <li style="cursor:pointer"> Pointer</li>
  <li style="cursor:move"> Move</li>
  <li style="cursor:e-resize"> e-resize</li>
  <li style="cursor:ne-resize"> ne-resize</li>
  <li style="cursor:nw-resize"> nw-resize</li>
  <li style="cursor:n-resize"> n-resize</li>
  <li style="cursor:se-resize"> se-resize</li>
  <li style="cursor:sw-resize"> sw-resize</li>
  <li style="cursor:s-resize"> s-resize</li>
  <li style="cursor:w-resize"> w-resize</li>
  <li style="cursor:text"> text</li>
  <li style="cursor:wait"> wait</li>
  <li style="cursor:help"> help</li>
  </ul>
  </body>
  </html>
   
posted @ 2019-07-09 15:19  小灰羊  阅读(2599)  评论(0编辑  收藏  举报