css鼠标样式语法与20种可选值(属性).pdf

css ⿏标样式语法及20种可选值 （属性） 我们对Windows各种各样的⿏标样式都不陌⽣，当⿏标移动到不同的地⽅时，当⿏标 执⾏不同的功能时，当系统处于不同的 态时，都会使⿏标的形 发⽣变化。⽽在⽹ 页上往往只有当⿏标在超级链接上时才出现⼀个⼿形，在其它地⽅似乎没有什么变 化，同充满动感的⽹页显得不怎么和谐。这⾥教⼤家⽤CSS来定义20种种⿏标样式形 。在CSS 中，使⽤cursor属性来定义⿏标的样式。 ⽤css控制⿏标样式的语法如下: span style=cursor:*⽂本或其它⻚⾯元素/span 把 * 换成如下20个可选值的⼀种： cursor属性取值如下，默认值为default 。⼤家可能会说，cursor属性值这么多，怎么记 呀？其实⼤家不⽤担⼼，在实际开发中，我们⼀般只⽤到“default”和“pointer”这两个 属性值，其他的⼀般都很少⽤得上。如果实在没办法还需要其他的，那就回来查这种 表就⾏了。 The cursor render as a crosshair crosshair; ⼗字准⼼ 游标表现为⼗字准线 cursor: pointer; The cursor render as a pointer a hand) that cursor: hand; ⼿ indicates a link 写两个是为了照顾IE5 ， 游标以暗⽰ ⼿指)的形式来表明有⼀个连接 它只认hand 。 The cursor indicates that the program is busy cursor: wait; 等待/沙漏 often a watch or an hourglass) 游标暗⽰当前程序正忙 ⼀般为⼀块表或是 ⼀个沙漏) The cursor indicates that help is available cursor: help ; 帮助 often a question mark or a balloon) 游标暗⽰当前位置可得到帮助 ⼀般为问号 或是⽓球) cursor: no-drop ; ⽆法释放 cursor: no-drop ; The cursor indicates text cursor: text; ⽂字/编辑 游标暗⽰当前所处位置为⽂字内容 The cursor indicates something that should be cursor: move; 可移动对象 moved 游标暗⽰⼀些东西应该被移动 向上改变⼤ The cursor indicates that an edge of a box is to cursor: n-resize; ⼩North) be moved up north) 边缘可向上移动 北)