主页 / 建站知识 /

CSS更改鼠标为手状样式

建站知识 2021-07-03 08:15www.168986.cn长沙网站建设

在自行设置的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过渡、动画和变换 下一篇：有关绝对定位的全面理解

长沙网站设计

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by