CSS怎么更改鼠标为手状样式
这篇文章主要讲解了“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怎么更改鼠标为手状样式这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341