CSS Custom Cursor Tutorial

cursor CSS 属性设置光标的类型（如果有），在鼠标指针悬停在元素上时显示相应样式。

HTML中鼠标变箭头的设置方法主要有以下几种：使用CSS的cursor属性、使用JavaScript动态更改、通过自定义样式表。 最常用且最简单的方法是使用CSS的cursor属性。 通过这种方式，你可以在需要的HTML元素上设置鼠标指针的样式。

當滑鼠指標懸停在某個元素上時， cursor CSS 屬性設定要顯示的滑鼠游標（如果有）。 游標設定應告知使用者當前位置可以執行的滑鼠操作，包括：文字選擇、啟用幫助或上下文選單、複製內容、調整表格大小等。

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

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

學習如何使用CSS建立箭頭。 跟蹤您的進度 - 免費！

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