CSS 光标 | CSS 光标属性可视化工具

可视化和复制标准 CSS 光标属性值。一键复制到剪贴板。

通用

cursor: auto;
复制
cursor: default;
复制
cursor: none;
复制
cursor: context-menu;
复制
cursor: help;
复制
cursor: pointer;
复制
cursor: progress;
复制
cursor: wait;
复制

链接与状态

cursor: cell;
复制
cursor: crosshair;
复制
cursor: text;
复制
cursor: vertical-text;
复制
cursor: alias;
复制
cursor: copy;
复制
cursor: move;
复制
cursor: no-drop;
复制
cursor: not-allowed;
复制
cursor: grab;
复制
cursor: grabbing;
复制

选择

cursor: all-scroll;
复制
cursor: col-resize;
复制
cursor: row-resize;
复制
cursor: n-resize;
复制
cursor: e-resize;
复制
cursor: s-resize;
复制
cursor: w-resize;
复制

调整大小

cursor: ne-resize;
复制
cursor: nw-resize;
复制
cursor: se-resize;
复制
cursor: sw-resize;
复制
cursor: ew-resize;
复制
cursor: ns-resize;
复制
cursor: nesw-resize;
复制
cursor: nwse-resize;
复制

缩放

cursor: zoom-in;
复制
cursor: zoom-out;
复制

使用说明

  • 将鼠标悬停在任何框上以查看光标效果。
  • 单击一个框以复制 CSS 代码。
  • 使用搜索栏查找特定光标。

关于 CSS 光标

cursor 属性

cursor CSS 属性指定鼠标指针悬停在元素上时显示的鼠标光标。