所有的cursor图标
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .div1{ width:100px; height:100px; float:left; margin-right:20px; border:1px solid silver; margin-top:20px; } </style> </head> <body> <div class="div1" style="cursor:auto;">1</div> <div class="div1" style="cursor:default;">2</div> <div class="div1" style="cursor:pointer;">3</div> <div class="div1" style="cursor:crosshair;">4</div> <div class="div1" style="cursor:move;">5</div> <div class="div1" style="cursor:e-resize;">6</div> <div class="div1" style="cursor:ne-resize;">7</div> <div class="div1" style="cursor:nw-resize;">8</div> <div class="div1" style="cursor:n-resize;">9</div> <div class="div1" style="cursor:se-resize;">10</div> <div class="div1" style="cursor:sw-resize;">11</div> <div class="div1" style="cursor:s-resize;">12</div> <div class="div1" style="cursor:w-resize;">13</div> <div class="div1" style="cursor:text;">14</div> <div class="div1" style="cursor:wait;">15</div> <div class="div1" style="cursor:help;">16</div> <div class="div1" style="cursor:progress;">17</div> </body> </html>
Document
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17