cursor 样式库
所有效果需要在PC端下浏览，移动端显示不出鼠标hover效果。
| 属性 | 说明 | 效果 | |
|---|---|---|---|
| 01 | url | 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。例：cursor:url(img/cursor.ico),auto; | 鼠标移到这里 |
| 02 | default | 默认光标（通常是一个箭头）。 | 鼠标移到这里 |
| 03 | auto | 默认。浏览器设置的光标。 | 鼠标移到这里 |
| 04 | crosshair | 光标呈现为十字线。 | 鼠标移到这里 |
| 05 | pointer | 光标呈现为指示链接的指针（一只手）。 | 鼠标移到这里 |
| 06 | move | 此光标指示某对象可被移动。 | 鼠标移到这里 |
| 07 | e-resize | 此光标指示矩形框的边缘可被向右（东）移动。 | 鼠标移到这里 |
| 08 | ne-resize | 此光标指示矩形框的边缘可被向上及向右移动（北/东）。 | 鼠标移到这里 |
| 09 | nw-resize | 此光标指示矩形框的边缘可被向上及向左移动（北/西）。 | 鼠标移到这里 |
| 10 | n-resize | 此光标指示矩形框的边缘可被向上（北）移动。 | 鼠标移到这里 |
| 11 | se-resize | 此光标指示矩形框的边缘可被向下及向右移动（南/东）。 | 鼠标移到这里 |
| 12 | sw-resize | 此光标指示矩形框的边缘可被向下及向左移动（南/西）。 | 鼠标移到这里 |
| 13 | s-resize | 此光标指示矩形框的边缘可被向下移动（南）。 | 鼠标移到这里 |
| 14 | w-resize | 此光标指示矩形框的边缘可被向左移动（西）。 | 鼠标移到这里 |
| 15 | text | 此光标指示文本。 | 鼠标移到这里 |
| 16 | vertical-text | 用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。 | 鼠标移到这里 |
| 17 | wait | 此光标指示程序正忙（通常是一只表或沙漏）。 | 鼠标移到这里 |
| 18 | progress | 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。 | 鼠标移到这里 |
| 19 | help | 此光标指示可用的帮助（通常是一个问号或一个气球）。 | 鼠标移到这里 |
| 20 | all-scroll | 有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。 | 鼠标移到这里 |
| 21 | col-resize | 有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。 | 鼠标移到这里 |
| 22 | row-resize | 有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。 | 鼠标移到这里 |
| 23 | no-drop | 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。 | 鼠标移到这里 |
| 24 | not-allowed | 禁止标记（一个被斜线贯穿的圆圈）光标。用于标示请求的操作不允许被执行。 | 鼠标移到这里 |
发表评论