CSS 鼠标样式大全

时间:2024-03-01 10:47:33

cursor是CSS中用于定义鼠标在元素标签上的显示样式,如常用的手型鼠标样式 cursor: pointer; 也可以通过url网址指定扩展名一般为.cur的鼠标图片文件。

名称属性代码描述
默认箭头样式 cursor:default 系统默认 箭头样式
手型 cursor: pointer 系统自带 手型
手型 cursor:hand 系统自带 手型    提示 只有ie5支持这种手型也只支持这种
移动十字箭头 cursor: move 系统自带 移动十字箭头
帮助问号 cursor: help 系统自带 帮助问号
十字准心 cursor:crosshair 系统自带 十字准心
文字/编辑 cursor: text 系统自带 编辑或者框选文字时 竖线型
无法释放(禁用) cursor:no-drop 系统自带 当不可编辑时禁用型
禁用 cursor:not-allowed 系统自带 当不可编辑时禁用型
自动 cursor:auto 就是由系统根据当前元素自动设置
处理中 cursor: progress win7为一个圆环,xp为一个沙漏,等待处理中样式
向上改变大小 cursor: n-resize 系统自带
向下改变大小 cursor: s-resize 系统自带
向左改变大小 cursor: w-resize 系统自带
向右改变大小 cursor: e-resize 系统自带
向上左改变大小 cursor: nw-resize 系统自带
向下左改变大小 cursor: sw-resize 系统自带
向上右改变大小 cursor: ne-resize 系统自带
向下右改变大小 cursor: se-resize 系统自带
cursor:url(鼠标图片文件网址)cur格式或者ani格式,通过指定图标文件网址 来自定义鼠标样式
url cursor:url(网址) 指定网址