CSS鼠标样式设置
CSS可以让我们轻松地改变鼠标样式,下面介绍几种常用的鼠标样式设置方法。
cursor属性
cursor属性可以设置鼠标的样式,常用的值有:
- default:默认样式,一般是箭头样式
- pointer:手型样式
- move:移动样式
- text:文本样式
- wait:等待样式
- help:帮助样式
使用方法:
div { cursor: pointer; }
url()函数
url()函数可以设置自定义的鼠标样式,使用方法如下:
div { cursor: url("http://example.com/cursor.cur"), auto; }
注意:url()函数只支持.cur和.png格式的图片,并且要求图片的大小不能超过32x32像素。
多个样式设置
如果想要设置多种样式,可以使用逗号分隔的方式,例如:
div { cursor: pointer, url("http://example.com/cursor.cur"), auto; }
在上面的例子中,将样式设置为pointer,如果浏览器不支持pointer样式,则会尝试使用url()函数指定的图片,如果图片不可用,则使用auto样式。