想看具體效果請自行復制代碼在瀏覽器中查看，樣式太多就不一一截圖了！
| <!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> | |