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