CSS怎么更改鼠标为手状样式

这篇文章主要讲解了“CSS怎么更改鼠标为手状样式”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS怎么更改鼠标为手状样式”吧！

在自行设置的div或者其他标签中，为了更好的体验效果，会将在滑动过程中，将鼠标变为手势

简单总结下css对应的样式。

所在的div中，添加cursor:pointer即可。

示例：

CSS Code复制内容到剪贴板

1. <div id="doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">     

2.         手势变化区域     

3. </div>    

对应的属性值还有如下：

CSS Code复制内容到剪贴板

1. auto                    ：标准光标       

2. default                 ：标准箭头       

3. pointer, hand           ：手形光标       

4. wait                    ：等待光标       

5. text                    ：I形光标       

6. vertical-text           ：水平I形光标       

7. no-drop                 ：不可拖动光标       

8. not-allowed             ：无效光标       

9. help                    ：帮助光标       

10. all-scroll              ：三角方向标       

11. move                    ：移动标       

12. crosshair               ：十字标   

感谢各位的阅读，以上就是“CSS怎么更改鼠标为手状样式”的内容了，经过本文的学习后，相信大家对CSS怎么更改鼠标为手状样式这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！