`
zhangyaochun
  • 浏览: 2577147 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css之cursor

阅读更多

 

CSS cursor 属性

 

 

     -----------规定要显示的光标的类型(形状)

 

 

默认值: 继承性: 版本: JavaScript 语法:
auto
yes
CSS2
object.style.cursor="crosshair

 

 

  • 所有主流浏览器都支持cursor属性
  • Opera 9.3 和Safari3不支持url值

可能的值

值 描述
url

需使用的自定义光标的 URL。

注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。

default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。
help 此光标指示可用的帮助(通常是一个问号或一个气球)。
not-allowed 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。

 

扩展阅读:

 

1、http://www.w3school.com.cn/css/pr_class_cursor.asp  (差了一个not-allowed)在我上面已经补充了

分享到:
评论

相关推荐

    CSS-cursor鼠标样式一览表

    此文档包含了CSS中cursor属性对应的鼠标图片与说明

    鼠标特效css的cursor属性

    鼠标特效用css的cursor属性控制形状

    前端开源库-css-cursor

    前端开源库-css-cursorCSS光标,规范化CSS光标的值

    举例详解CSS中的cursor属性

    CSS3的领域范围已经渗透到了cursor属性(鼠标手形)。这里简单介绍两个相当实用的组合zoom-in/zoom-out以及grab/grabbing. 本文重在展示,开阔眼界。二、zoom-in/zoom-out组合 zoom-in/zoom-out可以让元素的鼠标形状...

    CSS中cursor属性的鼠标样式明细

    CSS中cursor属性的鼠标样式有哪些?本文整理了一些,可供大家使用,感兴趣的朋友也可以参考下

    css cursor 的可选值(鼠标的各种样式)

    The cursor render as a crosshair游标表现为十字准线 cursor: pointer; cursor: hand;写两个是为了照顾IE5,它只认hand。   手 The cursor render as a pointer (a hand) that indicates a link游标以暗示...

    全屏幻灯片JQ+JS+CSS3

    cursor: pointer;margin-right: 6px;border: #414140 2px solid;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px} #slideshow .btns b i: hover{background: #a7a7a6} #slideshow .btns b i...

    div+css有实例,易学易懂

    6.5.5 cursor 属性 第7 章 CSS 容器属性 7.1 什么是盒模型 7.1.1 内容与盒模型 7.1.2 背景与盒模型 7.2 补白属性 7.2.1 补白属性详解 7.2.2 百分比值的使用 7.2.3 单侧的补白属性 7.2.4 补白属性的简写 7.3 边框属性...

    零基础学HTML CSS源代码

    style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。 第16章(源代码\第16章) 示例描述:本章演示字体属性用法。 间距与间隔....

    CSS自适应宽度圆角按钮

    cursor:hand; margin:0 5px 0 0;} a:hover{background:url(41205957519.gif) left 30px;height:30px;} a span{background:url(41205957519.gif) right 0; padding:9px 8px 5px 0; margin:0 0 0 8px; float:left; ...

    css鼠标样式cursor介绍(鼠标手型)

    巧合要用到鼠标样式效果,就顺便整理了下十五种CSS 鼠标样式,小例子供大家使用啊

    前端项目-jquery-awesome-cursor.zip

    前端项目-jquery-awesome-cursor,jQuery plugin for using FontAwesome icons as custom CSS cursors

    CSS兼容性问题解决方案[归类].pdf

    本文档旨在解决 CSS 中的兼容性问题,涵盖了多个方面的解决方案,包括 DOCTYPE 的影响、盒模型的解释不一致、ul 和 ol 列表缩进问题、CSS 透明问题、CSS 圆角问题、cursor 问题、字体大小定义不同问题、CSS 双线凹凸...

    css中子元素设置margin-top为什么影响了父元素

    本文介绍了css中子元素设置margin-top为什么影响了父元素,分享给大家,具体如下: <style type="text/css"> *{ margin: 0px; padding: 0px; } .show{ margin: 0px auto;... cursor:

    css鼠标变成小手,有范例参照查看。

    css鼠标变成小手 <!DOCTYPE html> <style type="text/css"> p{ border: 1px solid red; } #cursor2{ cursor:pointer;/*鼠标变小手*/ } <p id="cursor1">测试文本! <p id="...

    Web前端设计与开发技术-课件-第10章-CSS基础完整.pptx

    也可以设置光标属性,包括cursor、pointer-events等。 11. CSS列表:CSS列表可以设置列表的样式,包括列表项的符号、列表项的间距、列表项的背景颜色等。 12. CSS定位:CSS定位可以设置元素的位置,包括absolute、...

    css 兼容性问题this.style.cursor=''hand''

    css 兼容性问题this.style.cursor='hand'让我们来CSS HACK

Global site tag (gtag.js) - Google Analytics