`
317422638
  • 浏览: 12906 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS cursor

    博客分类:
  • css
css 
阅读更多
浏览器支持

所有主流浏览器都支持 cursor 属性。

注释: Opera 9.3 和 Safari 3 不支持 url 值。

注释: 任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
可能的值
值描述
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 此光标指示可用的帮助(通常是一个问号或一个气球)。



例:

cursor: url("image/fav.cur"), default;



参考:

http://www.w3school.com.cn/css/pr_class_cursor.asp
分享到:
评论

相关推荐

    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游标以暗示...

    鼠标特效css的cursor属性

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

    CSS cursor 属性 -- 鼠标指针样式效果

    取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | ...

    CSS cursor 属性 — 鼠标指针样式效果

    取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | ...

    前端开源库-css-cursor

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

    举例详解CSS中的cursor属性

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

    animatedCursor.js:使用 JS 和 CSS 光标的简单逐帧动画光标

    动画光标.js 一个简单的逐帧动画光标,使用 JS 和 CSS cursor:url()... 此脚本使用您填充帧 (png) 的数组将光标更改为所需的动画。 请参阅 animationCursor.js 和 arr_cursorAnimationFrames 数组。 自定义说明在 ...

    全屏幻灯片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...

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

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

    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; ...

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

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

    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="...

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

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

Global site tag (gtag.js) - Google Analytics