CSS中的cursor属性用于指定当鼠标悬停在元素上时,鼠标指针的样式。
使用方法如下:
在CSS样式中,使用选择器选择要设置鼠标样式的元素。
使用cursor属性设置鼠标样式,可以使用预定义的样式关键字,也可以使用自定义的鼠标样式。
示例代码:
/* 使用预定义的样式关键字 */
.element {
cursor: pointer; /* 鼠标指针呈现为手型 */
}
/* 使用自定义的鼠标样式 */
.element {
cursor: url(cursor.png), auto; /* 鼠标指针呈现为自定义图片,如果加载失败则使用默认样式 */
}
常用的预定义样式关键字有:
auto:默认样式,由浏览器决定。
pointer:手型样式,表示可以点击的链接或按钮。
text:文本样式,表示可以选择文本的区域。
default:默认样式,通常是一个箭头。
自定义鼠标样式可以使用url()函数指定一个图片路径,如果加载失败则使用默认样式。