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设置鼠标指针形状就介绍到这了。