CSS设置鼠标指针形状

快乐打工仔 分类:实例代码

CSS设置鼠标指针形状属于前端实例代码,有关更多实例代码大家可以查看

本章节介绍一下使用css如何设置鼠标的指针形状。

通常在实际应用中,会根据不同的场景和需要设置鼠标指针的形状。

只要使用css的cursor属性即可实现:

cursor属性值列表如下:

(1).pointer:手型

(2).crosshair:十字型

(3).text:平时鼠标移动到文本上的样式

(4).wait:等待的效果

(5).default:默认的那种效果

(6).help:带问号的鼠标样式

(7).e-resize:向右的箭头

(8).ne-resize:向右上方的箭头

(9).n-resize:向上的箭头

(10).nw-resize:向左上方的箭头

(11).w-resize:向左的箭关

(12).sw-resize:向左下的箭头

(13).s-resize:向下的箭头

(14).se-resize:向右下方的箭头

(15).auto:系统自动的效果

但是可能在某些时候需要自定义鼠标指针形状,具体可以参阅css如何自定义鼠标指针一章节。

CSS设置鼠标指针形状,这样的场景在实际项目中还是用的比较多的,关于CSS设置鼠标指针形状就介绍到这了。

回复

我来回复
  • 暂无回复内容