一、默認游標
默認游標是最常見的游標類型，也是網頁中默認使用的游標類型。一般在沒有給游標設置類型的情況下，瀏覽器會使用默認游標。
/* 實現默認游標 */
cursor: default;
二、指針游標
指針游標是用於鏈接和可點擊元素的游標類型。當用戶將滑鼠懸停在鏈接上時，指針游標將顯示為手形圖標，以指示可以單擊鏈接並導航到其他頁面。
/* 實現指針游標 */
cursor: pointer;
三、文字游標
文字游標是在文本輸入位置用於顯示的游標類型。例如，當用戶在文本輸入框中輸入或編輯文本時，將顯示文字游標。
/* 實現文字游標 */
cursor: text;
四、移動游標
移動游標是用於在可拖動元素（如圖像或表格）上使用的游標類型。當用戶懸停在可拖動元素上時，移動游標將顯示為十字形圖標，以指示可以拖動元素到其他位置。
/* 實現移動游標 */
cursor: move;
五、禁止游標
禁止游標是用于禁止用戶通過單擊執行某個操作的游標類型。例如，在可以訂購商品的網頁上，如果某個商品沒有庫存，則將出現禁止游標，以提示用戶無法訂購該商品。
/* 實現禁止游標 */
cursor: not-allowed;
六、自定義游標
自定義游標是通過配置圖像來創建自定義游標類型。在使用自定義游標時，將使用指定的圖像來代替默認游標或瀏覽器游標。
/* 實現自定義游標 */
cursor: url("custom-cursor.png"), auto;
七、跟隨游標的提示框
跟隨游標的提示框是指在用戶將滑鼠懸停在某個元素上時，將顯示的文本框。此時可以設置提示框的位置，以始終跟隨滑鼠游標。
/* 實現跟隨游標的提示框 */
/* HTML代碼: 這是提示文本原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/287323.html
微信掃一掃 
支付寶掃一掃 