CSS中可以使用cursor屬性來改變鼠標移上去后的手型形狀。
{ cursor: pointer; }
使用cursor屬性可以改變鼠標光標在特定區域內的形狀。常見的值有:
- auto:保持原有形狀,即默認狀態
- pointer:小手形狀,通常用于鏈接、按鈕等可點擊區域
- text:文字輸入形狀,通常用于文本輸入框、文本編輯器等區域
- move:移動形狀,通常用于可拖動的區域
- wait:等待形狀,通常用于指示異步加載等等需要等待的情況
- crosshair:十字線形狀,通常用于繪圖或測量等工具
使用cursor屬性可以增強頁面的交互性,讓用戶更方便地理解頁面元素之間的關系,提高用戶體驗。
a:hover{ cursor:pointer; }
例如,可以為鏈接設置鼠標移上去后的小手形狀,提醒用戶可以點擊該鏈接跳轉到其他頁面。