CSS更改鼠标为手状样式

江南的古屋主要以青砖为材料,砖与砖的缝隙里挤挤挨挨地塞满了苔藓与野草,几根木制的横梁点缀其间。

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

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

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

示例:

CSS Code复制内容到剪贴板
  1. <divid="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更改鼠标为手状样式。人生之路虽然苦,但只要我们坚定信念,就一定可以走出属于自己的路。更多关于CSS更改鼠标为手状样式请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
基于CSS 判断鼠标进入的方向

CSS如何实现鼠标移至图片上显示遮罩层效果

html+css+javascript如何实现跟随鼠标移动显示选中效果

如何利用HTML+CSS如何实现跟踪鼠标移动功能

详解CSS如何实现仿Windows10鼠标照亮边框效果