CSS变更电脑鼠标为手状款式

日期:2020-10-17 类型:科技新闻 

关键词:在线网页制作,建网页,个人简介网页制作,简单网页,建立网页

在自主设定的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              :3角方位标       
  11. move                    :挪动标       
  12. crosshair               :10字标