auto / 自动
default / 默认
none / 隐藏
pointer / 链接手
text / 文本选择
vertical-text / 竖排文本
wait / 等待
progress / 加载中
help / 帮助
not-allowed / 禁止
no-drop / 不可放置
crosshair / 十字线
cell / 单元格
move / 移动
grab / 抓取
grabbing / 抓取中
all-scroll / 全向滚动
copy / 复制
alias / 别名
context-menu / 菜单
zoom-in / 放大
zoom-out / 缩小
col-resize / 列缩放
row-resize / 行缩放
ew-resize / 左右
ns-resize / 上下
nwse-resize / ↘↖
nesw-resize / ↗↙
n-resize / 向上
s-resize / 向下
e-resize / 向右
w-resize / 向左
ne-resize / 右上
nw-resize / 左上
se-resize / 右下
sw-resize / 左下
📄 使用示例
在你的 HTML 中，只需给元素加上 style="cursor:xxx" 即可：
<div style="cursor:grab">抓取元素</div> <span style="cursor:pointer">点击元素</span>