CSS 光标生成器

可视化选择 cursor 属性的各种取值,实时预览鼠标指针在该元素上的显示效果,并一键复制生成的 CSS 代码。可快速找到 pointer、move、grab、not-allowed 等指针样式的准确写法。

光标参数 已就绪
cursor 取值

把鼠标移动到下方预览区域,即可查看当前 cursor 取值的实际效果。

实时预览与代码
把鼠标移到这里查看光标

          

生成的 CSS 将显示在这里。

使用规则
  • 语法为 cursor: 取值;,取值不加引号。
  • pointer 与 hand 不同,现代标准使用 pointer。
  • none 会完全隐藏指针,多用于自定义光标场景。
  • 可通过 url() 指定自定义图片光标,并附带兜底关键字。
  • 本工具完全在浏览器本地运行,输入数据不会上传到任何服务器。