鼠標在網頁中是一個非常重要的元素,因為通過鼠標我們可以完成很多操作。CSS提供了設置鼠標樣式的功能,使得我們可以在網頁中自定義鼠標樣式。
cursor: pointer;
上面的代碼就是一個設置鼠標樣式的實例,通過設置cursor屬性為pointer來將鼠標樣式改為手指的形狀,使得用戶可以進行點擊操作。
除了pointer,CSS提供了很多不同的鼠標樣式選擇,如:
cursor: default; // 默認樣式-箭頭 cursor: auto; // 瀏覽器自動選擇 cursor: crosshair; // 十字線 cursor: help; // 幫助 cursor: move; // 移動 cursor: text; // 文本輸入 cursor: wait; // 等待
除了這些CSS內置的鼠標樣式外,我們還可以定義自己的鼠標樣式。下面的代碼展示了如何通過設置url來設置自定義鼠標樣式:
.cursor { cursor: url("cursor.png"), pointer; }
上面的代碼將鼠標樣式設置為cursor.png圖片的形狀,同時兼容了一般的鼠標樣式pointer。
上一篇css 設置表格行高
下一篇css 設置高款等比