在 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="width: 100px;height: 100px;background:rgb(245, 17, 157);cursor:pointer;">

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

result：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABxCAIAAACC3rC5AAAA8klEQVR4nO3QsQnDAAADQa/g/cmYqZ0+lSECP+HEDyDuuGy64+kD/zag4wEdD+h4QMcDOt436Pt86WZAgbYDCrQdUKDtgAJtBxRoO6BA2wEF2g4o0HZAgbYDCrQdUKDtgAJtBxRoO6BA2wEF2g4o0HZAgbYDCrQdUKDtgAJtBxRoO6BA2wEF2g4o0HZAgbYDCrQdUKDtgAJtBxRoO6BA2wEF2g4o0HZAgbYDCrQdUKDtgAJtBxRoO6BA2wEF2g4o0HZAgbYDCrQdUKDtgAJtBxRoO6BA2wEF2g4o0HZAgbYD+gSo/Tig4wEdD+h4QMcDOt4Hmwz1kxvC2SwAAAAASUVORK5CYII=" alt="" />

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

CSS属性中cursor:hand的更多相关文章

  1. CSS属性中Display与Visibility的不同

    大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的.visibility属性用来确定元素是显示还是隐藏,这用visibility=&qu ...

  2. CSS属性中display="none“与visibility="hidden"的不同

    display="none",元素会从页面移除,不在页面占用位置,当某个元素设置为display="none"时,这个元素后面的元素会移动上来 visibili ...

  3. CSS属性中的display属性浅谈；

    首先我们要知道什么是块级元素和行内元素有什么区别: 承接上篇文章:(浅谈HTML和body标签) 块级元素:浏览器解析为独占一行的元素(例如:div.table.ul等.),浏览器会在该元素的前后显示 ...

  4. DIV CSS布局中position属性用法深入探究

    本文向大家描述一下DIV CSS布局中的position属性的用法,position属性主要有四种属性值,任何元素的默认position的属性值均是static,静态.这节课主要讲讲relative( ...

  5. DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)

    css中cursor属性详解-鼠标移到图片变换鼠标形状   语法: cursor : auto | all-scroll | col-resize| crosshair | default | han ...

  6. CSS中cursor属性给标签加上小手形状

    HTML/CSS 2012-08-10 CSS,标签 我们发现a标签在网页中有一个值得注意的地方,即鼠标移到a标签上光标会变成一只小手的图标,移出a标签后又恢复为默认箭头. 如今,JS在网页中的功能越 ...

  7. CSS中cursor的pointer 与 hand（转）

    CSS中cursor的pointer 与 hand 转载 2015年12月25日 16:18:36 标签: cursorpointer / cursorhand 1781 cursor:hand 与 ...

  8. cursor CSS属性定义鼠标指针悬浮在元素上时的外观。

    1 1 cursor CSS属性定义鼠标指针悬浮在元素上时的外观. https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor 概述 cursor  ...

  9. css鼠标手型cursor中hand与pointer

    css鼠标手型cursor中hand与pointer Example:CSS鼠标手型效果 <a href="#" style="cursor:hand"& ...

随机推荐

  1. Java——自动生成30道四则运算---18.09.27

    package chuti;import java.io.PrintWriter;import java.util.Scanner;import java.io.FileNotFoundExcepti ...

  2. 环境变量 - JDK

    Linux 1. 备份并编辑配置文件 # cp /etc/profile /etc/profile.bak # vi /etc/profile 2. 设置JDK环境变量 export JAVA_HOM ...

  3. 代码混淆 iOS

    该方法只能针对有.m.h的类进行混淆,静态库等只有.h文件的没法进行混淆 代码混淆,刚刚看到是不是有点懵逼,反正我是最近才接触到这么个东西,因为之前对于代码和APP,只需要实现功能就好了,根本没有考虑 ...

  4. ubuntu自带的ibus输入法问题解决方法

    ubuntu自带的ibus有点问题,输入字的时候不知道是个什么模式. 在网上搜到一个解决方法. 终端下执行: ibus-daemon -drx 然后切换到拼音输入法,就正常了. 写下作为记录.

  5. 使用CodeBlocks为你的程序添加程序文件图标和启动读入图标

    其实也非常简单,自己这两天用win32api做了一个小程序,可是发现图标却是dos的,太难看了,于是就想起以前学win32汇编时候用到的工具,ResEd,已经被我汉化了一些,估计有新的版本发布吧,但是 ...

  6. [转载]压力测试工具siege的用法

    压力测试工具siege 原文:http://blog.csdn.net/qingye2008/article/details/34500949 Siege是Linux下的一个web系统的压力测试工具, ...

  7. 切换pip源的简便方法

    网上大部分帖子讲的都是打开配置文件修改,那样太麻烦了,其实只要一行命令搞定: pip config set global.index-url https://pypi.tuna.tsinghua.ed ...

  8. 6.爬虫 requests库讲解 总结

    requests库的总结: 用ProcessOn根据前面的几节内容做了个思维导图:

  9. Visual Studio 2013安装包

    点击下载

  10. Cassandra 数据库设计

    Cassandra 2.* CQL3.1 最近更新:2015-10-30 索引的设计 在Cassandra中经常会发现,索引不够用,不好用,各种不强大. 比如,我关注的人的需求uid + follow ...