CSS 鼠标移上去变小手
- ⽤css 添加⼿状样式
cursor:pointer;
- 用JS使鼠标变小手onmouseover(鼠标越过的时候)
οnmοuseοver="this.style.cursor='hand'"
- Cursor 光标样式
在悬停在元素上时，用于控制光标样式的实用程序。
| Class | Properties | Preview |
|---|---|---|
| cursor-auto | cursor: auto; |  |
| cursor-default | cursor: default; |  |
| cursor-pointer | cursor: pointer; |  |
| cursor-wait | cursor: wait; |  |
| cursor-text | cursor: text; |  |
| cursor-move | cursor: move; |  |
| cursor-help | cursor: help; |  |
| cursor-not-allowed | cursor: not-allowed; |  |
| cursor-none | cursor: none; | |
| cursor-context-menu | cursor: context-menu; |  |
| cursor-progress | cursor: progress; |  |
| cursor-cell | cursor: cell; |  |
| cursor-crosshair | cursor: crosshair; |  |
| cursor-vertical-text | cursor: vertical-text; |  |
| cursor-alias | cursor: alias; |  |
| cursor-copy | cursor: copy; |  |
| cursor-no-drop | cursor: no-drop; |  |
| cursor-grab | cursor: grab; |  |
| cursor-grabbing | cursor: grabbing; |  |
| cursor-all-scroll | cursor: all-scroll; |  |
| cursor-col-resize | cursor: col-resize; |  |
| cursor-row-resize | cursor: row-resize; |  |
| cursor-n-resize | cursor: n-resize; |  |
| cursor-e-resize | cursor: e-resize; |  |
| cursor-s-resize | cursor: s-resize; |  |
| cursor-w-resize | cursor: w-resize; |  |
| cursor-ne-resize | cursor: ne-resize; |  |
| cursor-nw-resize | cursor: nw-resize; |  |
| cursor-se-resize | cursor: se-resize; |  |
| cursor-sw-resize | cursor: sw-resize; |  |
| cursor-ew-resize | cursor: ew-resize; |  |
| cursor-ns-resize | cursor: ns-resize; |  |
| cursor-nesw-resize | cursor: nesw-resize; |  |
| cursor-nwse-resize | cursor: nwse-resize; |  |
| cursor-zoom-in | cursor: zoom-in; |  |
| cursor-zoom-out | cursor: zoom-out; |  |
