查看“Pr class cursor”的源代码

{{DISPLAYTITLE:cursor}}[[Category:css reference|162]]
= CSS cursor 属性 =

一些不同的光标：

<sample title="" desc="" lang="html" hererun="1">

    span.crosshair
    {cursor:crosshair}

    span.help
    {cursor:help}

    span.wait
    {cursor:wait}

 </sample>
<run name=""> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(xiaobai.wang)</title>
</head>
<body>
<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>
<span style="cursor:auto">auto</span><br>
<span style="cursor:crosshair">crosshair</span><br>
<span style="cursor:default">default</span><br>
<span style="cursor:e-resize">e-resize</span><br>
<span style="cursor:help">help</span><br>
<span style="cursor:move">move</span><br>
<span style="cursor:n-resize">n-resize</span><br>
<span style="cursor:ne-resize">ne-resize</span><br>
<span style="cursor:nw-resize">nw-resize</span><br>
<span style="cursor:pointer">pointer</span><br>
<span style="cursor:progress">progress</span><br>
<span style="cursor:s-resize">s-resize</span><br>
<span style="cursor:se-resize">se-resize</span><br>
<span style="cursor:sw-resize">sw-resize</span><br>
<span style="cursor:text">text</span><br>
<span style="cursor:w-resize">w-resize</span><br>
<span style="cursor:wait">wait</span><br>
</body>
</html> </run>
== 属性定义及使用说明 ==

cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状

{| class="table table-striped table-hover"
| 默认值：
| auto
|-
| 继承：
| yes
|-
| 版本：
| CSS2
|-
| JavaScript 语法：
| object.style.cursor=&quot;crosshair&quot;
|}

== 浏览器支持 ==

表格中的数字表示支持该属性的第一个浏览器版本号。

{| class="table table-striped table-hover"
! 属性
! Chrome
! Internet Explorer / Edge
! Firefox
! Safari
! Opera
|-
| cursor
| 5.0
| 5.5
| 4.0
| 5.0
| 9.6
|}

== 属性值 ==

{| class="table table-striped table-hover"
!width="50%"| 值
!width="50%"| 描述
|-
| 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
| 此光标指示可用的帮助（通常是一个问号或一个气球）。
|}