在 CSS 中將游標更改為手形指標 | D棧

css cursor 可以用來控制滑鼠游標顯示的樣式，以下表格彙整目前可用樣式，將滑鼠滑到 Demo 可以看到對應的結果 (陸續整理中)：

在一個網頁裡，通常只有超連結、選取或調整尺寸時，會出現「游標」圖示不同的狀態，除此之外，也可以透過 cursor 樣式屬性，設定滑鼠與元素互動時的游標圖示，這篇教學會透過 CSS cursor 的關鍵字改變滑鼠游標圖示，還會透過 url () 使用自訂圖片當作游標。

定義和用法 cursor 屬性指定了當滑鼠指標懸停在一個元素上時要顯示的滑鼠游標。

游標是使用者瞭解互動對象的重要方式。 本單元將說明如何在特定情況下設定游標樣式。

本文將介紹在 CSS 中移動滑鼠以列出專案時將滑鼠指標更改為手形指標的方法。 在 CSS 中使用 cursor 屬性將滑鼠指標更改為手形指標

使用CSS cursor 屬性來設定。 以下列出常用的滑鼠游標，以及它們設定的方式 (直接將滑鼠置於右邊結果的欄位，您就可以看到該滑鼠游標的圖案)：

CSS的滑鼠游標屬性：cursor CSS的cursor屬性可以改變滑鼠游標的形狀， 當滑鼠移過去時，就會顯示自設定的形狀。 共有以下這些屬性值 Crosshair、pointer、text、move、wait、help、progress、 not-allowed、no-drop、no-vertical-text、all-scroll、col-resize、