CSS中的cursor屬性可以設置鼠標懸停在某元素上時的鼠標形狀。通過設置不同的鼠標形狀,可以讓用戶感知到不同的界面交互狀態。以下是幾種常見的鼠標形狀:
p { cursor: pointer; /*手型*/ } .link { cursor: pointer; /*手型*/ } .wait { cursor: wait; /*等待*/ } .text { cursor: text; /*文本輸入*/ } .move { cursor: move; /*移動*/ } .not-allowed { cursor: not-allowed; /*禁止*/ }
除了以上常見的鼠標形狀外,還可以自定義鼠標形狀。首先需要準備一張圖片,一般為64x64像素的png格式圖片,然后使用url()函數指定圖片地址:
.custom { cursor: url('custom.png'), auto; }
需要注意的是,所有瀏覽器都支持手型和禁止類型的鼠標形狀,但其他類型的鼠標形狀可能會因瀏覽器的不同而有所區別。在設計界面時,應選擇常見的鼠標形狀,以確保用戶能夠正常感知界面交互狀態。
下一篇css中清除浮動方法