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是由系统自动给出效果

  • 相关阅读:
    flume,kafka不在一个内网互相打通.md
    尚硅谷Flink2020教程.md
    常用命令.md
    四象限工作效率-事件管理.md
    甘特图目标实施-进度管控.md
    PDCA循环法.md
    SMART大目标拆解小目标.md
    基于内外部竞争环境和竞争条件下的态势分析
    使用Java正则表达式批量提取文本信息
    使用markdown高效编写博客(创建标题)
  • 原文地址:https://www.cnblogs.com/theWayToAce/p/5440011.html
Copyright © 2011-2022 走看看