温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-08-10 17:43:30 来源:亿速云 阅读:171 作者:chen 栏目:web开发

这篇文章主要讲解了“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怎么更改鼠标为手状样式这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI