鼠标手势（Cursor）演示

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>