鼠標變成小手,在網頁中是一種很常見的交互效果,用CSS實現也是非常簡單的。
* { cursor: pointer; }
上面的代碼,通配符選擇器*代表了所有元素,然后設置了鼠標樣式為pointer,即小手形狀。
如果只想讓某個元素鼠標變成小手,可以直接指定該元素的CSS樣式:
#myButton { cursor: pointer; }
以上代碼指定了一個ID為myButton的元素的鼠標樣式為小手。
另外,還可以使用其他的鼠標樣式,如默認箭頭等:
#myLink { cursor: default; }
以上代碼指定了一個ID為myLink的鏈接元素的鼠標樣式為默認箭頭。
總之,使用CSS讓鼠標變成小手是一個非常簡單的效果。在網頁設計中,合理地運用各種交互效果可以更好地提升用戶體驗。
下一篇html 的框架設置