CSS中的cursor屬性是用于設置鼠標指針在元素上的樣式,其功能是為了增加網頁的交互性,提高用戶的使用體驗。
例:cursor:pointer;
上述代碼就是將元素的鼠標指針設置為手型,當鼠標懸停在該元素上時,鼠標指針會變成小手的形狀。
下面是一些常用的cursor屬性取值和相應的鼠標指針樣式:
cursor:auto; //默認指針 cursor:pointer; //手型指針 cursor:default; //默認指針 cursor:move; //移動指針 cursor:text; //文字光標 cursor:wait; //等待指針 cursor:not-allowed; //禁止指針
除了這些常用的屬性取值,還可以使用自定義的圖片來設置鼠標指針的樣式,例:
.cursor { cursor:url('cursor.png'),auto; }
上述代碼中,通過指定圖片的URL路徑來設置鼠標指針樣式,如果指定的圖片不能正常顯示,那么默認的指針樣式就會生效。
在實際開發中,我們可以根據不同的交互需求來設置鼠標指針的樣式,從而增加用戶對網頁的體驗。