CSS中的cursor屬性用于指定當鼠標懸停在元素上時,鼠標指針的樣式。
使用方法如下:
在CSS樣式中,使用選擇器選擇要設置鼠標樣式的元素。
使用cursor屬性設置鼠標樣式,可以使用預定義的樣式關鍵字,也可以使用自定義的鼠標樣式。
示例代碼:
/* 使用預定義的樣式關鍵字 */
.element {
cursor: pointer; /* 鼠標指針呈現為手型 */
}
/* 使用自定義的鼠標樣式 */
.element {
cursor: url(cursor.png), auto; /* 鼠標指針呈現為自定義圖片,如果加載失敗則使用默認樣式 */
}
常用的預定義樣式關鍵字有:
auto:默認樣式,由瀏覽器決定。
pointer:手型樣式,表示可以點擊的鏈接或按鈕。
text:文本樣式,表示可以選擇文本的區域。
default:默認樣式,通常是一個箭頭。
自定義鼠標樣式可以使用url()函數指定一個圖片路徑,如果加載失敗則使用默認樣式。