您现在的位置是：网站首页> 编程资料编程资料

CSS更改鼠标为手状样式浅谈CSS样式权值引用css样式的书写格式详解Web前端开发css基础样式总结(推荐)纯CSS3超酷书架样式404页面特效源码HTML CSS样式基础(必看篇)CSS样式覆盖规则全面了解

2023-10-21 272人已围观

简介 这篇文章主要介绍了CSS更改鼠标为手状样式的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

在自行设置的div或者其他标签中，为了更好的体验效果，会将在滑动过程中，将鼠标变为手势

简单总结下css对应的样式。

所在的div中，添加cursor:pointer即可。

示例：

CSS Code复制内容到剪贴板
  1. "doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">     
  2.         手势变化区域     
    

对应的属性值还有如下：

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绝对定位元素left设为50%实现水平居中绝对定位的元素在ie6下不显示隐藏了的有效解决方法IE7中绝对定位元素之间的遮盖问题示例探讨将一个绝对定位的div水平垂直居中对齐css教程之绝对定位使用详解

下一篇：浅谈CSS过渡、动画和变换菜单栏 “三” 变形为“X”css3过渡动画详解Css3新特性应用之过渡与动画CSS3中的元素过渡属性transition示例详解css过渡+3D效果的简单实现CSS3过渡transition效果实例介绍用Dreamweaver制作网页中常用的过渡效果css3过渡_动力节点Java学院整理

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网