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