当前位置: 首页 > 网络学院 > 网页制作基础教程 > CSS > CSS cursor属性

CSS
CSS 介绍
CSS 语法
使用 CSS
CSS 背景
CSS 文字
CSS 字体
CSS 边框
CSS 边距
CSS 填充
CSS 列表
CSS 尺寸
CSS 类别
CSS 定位
CSS 伪类
CSS 伪元素
CSS2 Media类型
CSS 摘要
CSS 实例
CSS2 参考资料
CSS2 打印

CSS cursor属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-04   浏览: 338 ::
收藏到网摘: n/a

The cursor property specifies the type of cursor to be displayed when pointing on an element.
cursor(游标)属性可以指定鼠标指向一个元素时显示的类型

Inherited: Yes
继承性:Yes

Example
举例

h2
{
cursor: crosshair
}

p
{
cursor : url("first.cur"), url("second.cur"), pointer
}

Possible Values
可能用到的值

Value值 描述
url

The url of a custom cursor to be used.
自定义游标的url位置

Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used
注意:在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用。

default The default cursor (often an arrow)
默认的游标状态(通常为一个箭头)
auto The browser sets a cursor
浏览器设置一个游标
crosshair The cursor render as a crosshair
游标表现为十字准线
pointer The cursor render as a pointer (a hand) that indicates a link
游标以暗示(手指)的形式来表明有一个连接
move The cursor indicates something that should be moved
游标暗示一些东西应该被移动
e-resize The cursor indicates that an edge of a box is to be moved right (east)
box边缘可向右(东)边移动
ne-resize The cursor indicates that an edge of a box is to be moved up and right (north/east)
游标暗示box的边缘可向右上方移动(东北方向)
nw-resize The cursor indicates that an edge of a box is to be moved up and left (north/west)
边缘可向左上方移动(西北)
n-resize The cursor indicates that an edge of a box is to be moved up (north)
边缘可向上移动(北)
se-resize The cursor indicates that an edge of a box is to be moved down and right (south/east)
边缘可向右下方移动(东南)
sw-resize The cursor indicates that an edge of a box is to be moved down and left (south/west)
边缘可向左下方移动(西南)
s-resize The cursor indicates that an edge of a box is to be moved down (south)
边缘可向下方移动(南)
w-resize The cursor indicates that an edge of a box is to be moved left (west)
边缘可向左移动(西)
text The cursor indicates text
游标暗示当前所处位置为文字内容
wait The cursor indicates that the program is busy (often a watch or an hourglass)
游标暗示当前程序正忙(一般为一块表或是一个沙漏)
help The cursor indicates that help is available (often a question mark or a balloon)
游标暗示当前位置可得到帮助(一般为问号或是气球)

Browser Notes
注意浏览器

Notes in IE:
在IE中要注意:

  • To display a hand, you may use the non-standard value hand. Like this: {cursor: hand}
    如要显示手指,你或许得用到一个非标准的值。如:{cursor:hand}

评论 (0) All

登陆 | 还没注册?