在網頁設計中,鼠標滑過鏈接或按鈕時,通常會出現手形圖標,這是CSS中的一個非常簡單的效果。我們可以使用CSS中的cursor屬性來實現這個效果。
/* 將鼠標指針變為手形 */
a:hover{
cursor:pointer;
}
button:hover{
cursor:pointer;
}
在上面的代碼中,我們設置了鼠標指針當指向帶有鏈接的a標簽或帶有按鈕的button標簽時,鼠標指針將變成手形圖標。這是因為我們設置了cursor屬性的值為pointer。
cursor屬性是CSS中一個非常有用的屬性,它可以設置鼠標指針在某個元素上的樣式。除了上面提到的pointer值外,cursor屬性還支持很多其他的值,例如:
- auto:默認值,瀏覽器自動給出適當的鼠標指針樣式
- default:默認鼠標指針
- crosshair:十字線形鼠標指針
- text:文本樣式鼠標指針
- move:移動樣式鼠標指針
- wait:等待樣式鼠標指針
通過設置cursor屬性,我們可以很容易地改變鼠標指針的樣式,增強網頁的交互性。