这篇文章主要讲解了“CSS怎么更改鼠标为手状样式”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS怎么更改鼠标为手状样式”吧!
在自行设置的div或者其他标签中,为了更好的体验效果,会将在滑动过程中,将鼠标变为手势
简单总结下css对应的样式。
所在的div中,添加cursor:pointer即可。
示例:
CSS Code复制内容到剪贴板
<div id="doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">
手势变化区域
</div>
对应的属性值还有如下:
CSS Code复制内容到剪贴板
auto :标准光标
default :标准箭头
pointer, hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
感谢各位的阅读,以上就是“CSS怎么更改鼠标为手状样式”的内容了,经过本文的学习后,相信大家对CSS怎么更改鼠标为手状样式这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。