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

要使得HTML页面中的鼠标光标变成手指样式，可以使用CSS的cursor属性、通过设置cursor: pointer;来实现。 其中，最常见的应用场景是在链接（<a>标签）或按钮（<button>标签）上，确保用户知道该元素是可点击的。

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

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

一般網頁上滑鼠的游標都會有預設的樣子，像是本來的箭頭，或是移到超連結上的手形，那如果有要修改在不同元素上的滑鼠游標的樣子，就可以使用 CSS 的 cursor 屬性。

將游標懸停在連結上時，游標會變成食指指向的手，表示你可以採取動作。 其他位置則會顯示預設游標，通常是箭頭。 隨著您製作的互動式網站越來越多，您會想要自訂游標，讓使用者更容易瞭解互動。

當我們將滑鼠指標移到列表項上時，滑鼠指標將變成一個指向手。 這樣，我們就可以在 CSS 中將滑鼠指標更改為手形指標。

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