層疊樣式表/游標

游標

CSS 允許在需要特定上下文的時指定游標。不需要使用:hover 選擇器。

cursor: cursor-name;

通用游標
auto	根據當前上下文自動確定游標。滑鼠懸停在文字上得到一個 I 形游標，懸停在連結上得到一個指標，等等。標準行為。
default	預設游標，通常是一個箭頭。
none	您不應該看到游標。
連結和狀態游標
context-menu	指示存在上下文選單或游標處於上下文選單模式的游標。通常是帶有小型上下文選單表示的箭頭游標。
help	幫助游標，通常是問號。
pointer	伸出食指的手掌。
progress	指示後臺正在進行工作的游標，使用者仍然能夠與控制元件進行互動。通常是帶有時鐘或旋轉動畫的箭頭游標。
wait	某種手錶或時鐘。
選擇游標
cell	用於在表格、電子表格中選擇一個或多個單元格。通常是帶有中心的點的粗體加號。
crosshair	用於精確選擇的十字線。
text	I 形游標
vertical-text	用於垂直文字的水平 I 形游標
拖放游標
alias	指示別名、符號連結或其他檔案/資料間接引用的游標。通常是一個彎曲的箭頭。
copy	指示可複製拖動專案的的游標。通常是帶有 + 的箭頭游標。
move	移動游標，通常是帶有箭頭端點的 +。
no-drop
not-allowed	通常是一個帶斜線的圓圈
調整大小和滾動游標
e-resize	向東或向右調整大小。
ew-resize	東西方向或水平調整大小。
ne-resize	東北方向或右上角調整大小。
nesw-resize	東北-西南方向或對角線調整大小。
nw-resize	西北方向或左上角調整大小。
nwse-resize	西北-東南方向或對角線調整大小。
n-resize	向北或向上調整大小。
ns-resize	南北方向或垂直調整大小。
se-resize	東南方向或右下角調整大小。
sw-resize
s-resize	向南或向下調整大小。
w-resize	向西或向左調整大小。
col-resize	列調整大小。
row-resize	行調整大小。
all-scroll	指示任何方向滾動的游標。通常是四個主要方向的箭頭。
供應商游標
-vendor-grab	指示準備抓取或拾取專案的的游標。通常是空手。
-vendor-grabbing	指示已經抓取或正在握住/攜帶專案的的游標。通常是拳頭。
-vendor-zoom-in	指示放大操作的游標，通常是帶有⊕的放大鏡。
-vendor-zoom-out	指示縮小操作的游標，通常是帶有⊖的放大鏡。

自定義游標

可以使用 url() 函式提供自定義游標，並可以選擇為熱點提供座標，如果檔案沒有指定座標的話。

cursor: url('http://example.com/mypointer.cur'), pointer;

或

cursor: url('http://example.com/mypointer.cur'), url('http://example.com/mypointer.png') 2 2, pointer;

在此示例中，我們可以看到有一個第二個值，這是某些瀏覽器在接受自定義游標之前所需的回退值。您可以使用 PNG、GIF、SVG 或 .cur 檔案作為游標，.ani 檔案僅在 Internet Explorer 中有效。

這是一個 .gif 示例

嘗試執行程式碼片段，您應該看到此游標。

<div style="cursor: url('http://upload.wikimedia.org/wikipedia/commons/d/d9/Cursor_forgetful.gif') 17 7, pointer; border: 1px solid;">
GIF cursor test.
</div>

GIF 游標測試