CSS设置鼠标小手手型样式

CSS（Cascading Style Sheets）是用来定义网页外观的一种语言，可以使用CSS来定义鼠标悬停在元素上时的样式，包括鼠标的图标类型，也就是所谓的“鼠标小手手型样式”。

使用方法

使用CSS来定义鼠标小手手型样式，需要使用CSS的“cursor”属性，该属性接受一个值，用来指定鼠标悬停在元素上时的样式。

element {
  cursor: value;
}

其中，“value”可以有以下几种取值：

auto：此为默认值，鼠标悬停时，使用浏览器默认的样式；

crosshair：鼠标悬停时，出现十字线；

default：鼠标悬停时，出现箭头；

pointer：鼠标悬停时，出现小手；

progress：鼠标悬停时，出现转圈；

text：鼠标悬停时，出现文本编辑指针；

wait：鼠标悬停时，出现等待符号；

help：鼠标悬停时，出现帮助符号；

move：鼠标悬停时，出现移动符号；

not-allowed：鼠标悬停时，出现禁止符号；

e-resize：鼠标悬停时，出现右侧拉伸框；

ne-resize：鼠标悬停时，出现右上角拉伸框；

nw-resize：鼠标悬停时，出现左上角拉伸框；

se-resize：鼠标悬停时，出现右下角拉伸框；

sw-resize：鼠标悬停时，出现左下角拉伸框；

n-resize：鼠标悬停时，出现上侧拉伸框；

s-resize：鼠标悬停时，出现下侧拉伸框；

w-resize：鼠标悬停时，出现左侧拉伸框；

使用CSS的“cursor”属性，可以很方便地定义鼠标悬停在元素上时的样式，例如，要让某个元素上的鼠标悬停时，出现小手样式，可以使用以下代码：

element {
  cursor: pointer;
}

千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。