CSS光标生成器

关于CSS光标生成器

CSS cursor 属性控制鼠标在元素上方时显示的指针样式。本工具覆盖两种使用场景：从标准内置光标关键字中选择，或提供自定义图片（可选热点坐标和回退关键字，用于无法加载图片的浏览器）。

您可以做什么

• 预设光标 — 从所有标准关键字中选择（pointer、crosshair、wait、各种 resize 等）。
• 自定义图片光标 — 上传 .cur、.png 或 .gif 文件（以 data URL 形式保留在浏览器中，不会上传）。
• 热点 — 设置光标指针激活点的 X/Y 坐标。
• 回退 — 提供一个标准光标关键字，在图片加载失败时使用。

使用方法

1. 选择 预设光标 或 自定义图片 模式。
2. 预设模式下，从列表中选择光标关键字。
3. 自定义模式下，上传文件或粘贴 URL，然后设置热点。
4. 将鼠标悬停在预览框上测试光标。
5. 点击 复制 CSS 并应用到任何元素。

常见问题

支持哪些图片格式？ 浏览器支持 Windows 上的 .cur 和 .ani，以及大多数现代浏览器支持 .png、.gif 和 .svg。为最大兼容性，请使用 32×32 的 .cur。

有尺寸限制吗？ 规范建议图片为 32×32 或更小。过大的图片可能被缩放或被某些浏览器忽略。

什么是热点？ 热点是光标图片内注册点击的像素位置。对于典型的箭头光标，是左上角（0, 0）。