CSS cursor鼠标属性
cursor是CSS中用于定义鼠标在元素标签上的显示样式，如常用的手型鼠标样式 cursor: pointer 。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>cursor鼠标样式</title>
</head>
<body>
<p>请把鼠标移动到文字上，可以看到鼠标指针发生变化：</p>
<span style="cursor:auto">浏览器根据当前上下文，自动确定最适合的光标类型</span><br />
<span style="cursor:crosshair">简单的十字线光标</span><br />
<span style="cursor:default">使用客户端操作系统的默认光标</span><br />
<span style="cursor:none">无光标</span><br />
<span style="cursor:pointer">竖起一只手指的手形光标</span><br />
<span style="cursor:move">对象可被移动</span><br />
<span style="cursor:all-scroll">对象允许向四个方向滚动</span><br />
<span style="cursor:n-resize">对象可以向北改变尺寸</span><br />
<span style="cursor:ns-resize">对象可以被垂直改变尺寸</span><br />
<span style="cursor:s-resize">对象可以向南改变尺寸</span><br />
<span style="cursor:e-resize">对象可以向东改变尺寸</span><br />
<span style="cursor:w-resize">对象可以被向西改变尺寸</span><br />
<span style="cursor:ew-resize">对象可以被水平改变尺寸</span><br />
<span style="cursor:ne-resize">对象可以在东北方向改变尺寸</span><br />
<span style="cursor:nesw-resize">对象可以在东北和西南方向改变尺寸</span><br />
<span style="cursor:nw-resize">对象可以在西北方向改变尺寸</span><br />
<span style="cursor:sw-resize">对象可以在西北方向改变尺寸</span><br />
<span style="cursor:se-resize">对象可以在东南方向改变尺寸</span><br />
<span style="cursor:nwse-resize">对象可以在西北和东南方向改变尺寸</span><br />
<span style="cursor:zoom-in">对象可以被放大</span><br />
<span style="cursor:zoom-out">对象可以被缩小</span><br />
<span style="cursor:progress">程序忙，但用户仍然可以与程序交互</span><br />
<span style="cursor:wait">程序忙，用户需要等待直到程序不忙为止</span><br />
<span style="cursor:context-menu">对象是上下文菜单</span><br />
<span style="cursor:cell">对象是单元格</span><br />
<span style="cursor:text">可编辑的水平文本</span><br />
<span style="cursor:vertical-text">可编辑的垂直文本</span><br />
<span style="cursor:row-resize">对象可以被垂直改变尺寸</span><br />
<span style="cursor:col-resize">对象可以被水平改变尺寸</span><br />
<span style="cursor:alias">对象的别名</span><br />
<span style="cursor:copy">对象可拷贝</span><br />
<span style="cursor:no-drop">被拖起的对象不允许在光标的当前位置被放下</span><br />
<span style="cursor:not-allowed">请求的操作不允许被执行 </span><br />
<span style="cursor:help">有帮助信息存在</span><br />
<span style="cursor:grab">对象可以被抓取</span><br />
<span style="cursor:grabbing">对象正在被抓取</span><br />
<span style="cursor:url('自己小图标路径.ico'),pointer;">自定义图标</span><br />
<span>附加一个可以压缩ico小图标的网址：http://www.bitbug.net</span><br />
</body>
</html>
附加一个PS(怎样把图片扣出来)：1、把图片拖到PS，2、用魔术棒点击你需要的类容（魔术橡皮檫点背景），3、ctrl+shift+I(反选)，4、ctrl+J（复制）5、关闭之前的图片通道，然后Ctrl+s保存图片选择png格式，6、最后到比特虫把图片压缩成ico格式，就ok啦（后面我会写一个详细教程，有兴趣的朋友可以关注我哟！）
Cursor属性
| 属性 | 描述 |
|---|---|
| auto | 浏览器根据当前上下文，自动确定最适合的光标类型 |
| crosshair | 简单的十字线光标 |
| default | 使用客户端操作系统的默认光标 |
| none | 无光标 |
| pointer | 竖起一只手指的手形光标 |
| move | 对象可被移动 |
| all-scroll | 对象允许向四个方向滚动 |
| n-resize | 对象可以向北改变尺寸 |
| ns-resize | 对象可以被垂直改变尺寸 |
| s-resize | 对象可以向南改变尺寸 |
| e-resize | 对象可以向东改变尺寸 |
| w-resize | 对象可以被向西改变尺寸 |
| ew-resize | 对象可以被水平改变尺寸 |
| ne-resize | 对象可以在东北方向改变尺寸 |
| nesw-resize | 对象可以在东北和西南方向改变尺寸 |
| nw-resize | 对象可以在西北方向改变尺寸 |
| sw-resize | 对象可以在西北方向改变尺寸 |
| se-resize | 对象可以在东南方向改变尺寸 |
| zoom-in | 对象可以被放大 |
| zoom-out | 对象可以被缩小 |
| progress | 程序忙，但用户仍然可以与程序交互 |
| wait | 程序忙，用户需要等待直到程序不忙为止 |
| context-menu | 对象是上下文菜单 |
| cell | 对象是单元格 |
| text | 可编辑的水平文本 |
| vertical-text | 可编辑的垂直文本 |
| row-resize | 对象可以被垂直改变尺寸 |
| col-resize | 对象可以被水平改变尺寸 |
| alias | 对象的别名 |
| copy | 对象可拷贝 |
| no-drop | 被拖起的对象不允许在光标的当前位置被放下 |
| help | 有帮助信息存在 |
| grab | 对象可以被抓取 |
| grabbing | 对象正在被抓取 |
| url | 自定义图标 |
这是俺第一次写的博客，要是写得不好的地方，还请各位大佬指点，谢谢，非常感谢，非常非常感谢，嘿嘿嘿。
290
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
