CSS更改鼠标为手状样式
网站建设 2021-07-03 08:15www.dzhlxh.cn网站建设
在自行设置的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过渡、动画和变换
下一篇:有关绝对定位的全面理解