pointer : 小手形状 ;
move : 移动 - 十字架四个箭头 ;
text : 文本 - 鼠标移动到文本上的样式 ;
not-allowed : 禁止 ;
还有其它的属性值如下图所示 :..., 展示下列表样式 :
三、更改鼠标样式应用场景
----
在之前的 【CSS】轮播图案例开发 ( 基本设置 | 子绝父相 | 浏览器水平居中 | 圆角设置 | 绝对定位居中设置 ) 轮播图中 ,...鼠标移动到 轮播图底部的小圆点上时 , 一般会变成小手形状的 , 这样用户体验更好 ;
为 标签设置 cursor: pointer; 样式 , 即可设置上述效果 , 当鼠标移动到小圆点上时..., 变成小手 ; 如下图所示 ;
在电商网站 , 浏览商品时 , 如下情景 , 使用的是 鼠标的 移动样式 , 需要为左侧的商品图片设置 cursor: move; 样式 ;
鼠标的文本样式很容易理解..., 当鼠标移动到文本上时 , 鼠标需要显示成
样式 , 通过设置 cursor: text; 属性即可 ;
禁止按钮 用于表示 , 在某种情境下 , 用户不能操作某个元素 , 使用 cursor