zoukankan      html  css  js  c++  java
  • CSS属性中cursor:hand

      在 IE 下设置鼠标为手型的方法: cursor: hand,但是在 FIREFOX 中是无效的,解决方法是在FIREFOX中设置: cursor: pointer.

    而这个pointer 值在IE和FIREFOX 下都是通用的,所以我们使用: cursor:pointer 就可以了。

      一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。

    但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。

      用css控制的语法如下:

     html:

    <!DOCTYPE HTML>
    <html>

    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>

    </style>
    </head>
    <body>
    <div style=" 100px;height: 100px;background:rgb(245, 17, 157);cursor:pointer;">

    </div>
    </body>
    </html>

    result:

      15个效果:

      hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。

      下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!

      hand,pointer是手型

      crosshair是十字型

      text是移动到文本上的那种效果

      wait是等待的那种效果

      default是默认效果

      help是问号

      e-size是向右的箭头

      ne-resize是向右上的箭头

      n-resize是向上的箭头

      nw-resize是向左上的箭头

      w-resize是向左的箭头

      sw-resize是左下的箭头

      s-resize是向下的箭头

      se-resize是向右下的箭头

      auto是由系统自动给出效果

  • 相关阅读:
    微信小游戏5.2.2 在子项目中使用EUI制作排行榜报错 wx.getFileSystemManager not function
    Egret5.2.2 微信小游戏行的示例排行榜
    Python翻译
    Python-docx库的使用
    用百度文字识别实现图片文本识别
    基于airtest的朋友圈自动点赞
    使用豆瓣源安装python包
    Appium 环境配置遇到的坑
    使用Pyppeteer进行gmail模拟登录
    异步爬虫
  • 原文地址:https://www.cnblogs.com/theWayToAce/p/5440011.html
Copyright © 2011-2022 走看看