在 CSS3 中,可以使用光標屬性(cursor)修改鼠標樣式。通過該屬性,可以將鼠標光標修改為不同的指針形狀,如箭頭、手型、放大鏡等。
例如: button:hover{ cursor: pointer; }
上述代碼表示,在鼠標懸停在 button 元素上時,將鼠標指針樣式修改為手型。
除了常見的指針形狀外,CSS3 中還支持自定義光標樣式??梢酝ㄟ^ url() 函數引入自定義光標圖像,使用形如下面的 CSS 代碼:
body { cursor: url('example.cur'), auto; }
此代碼表示將自定義光標圖片 example.cur 設置為鼠標樣式,如果無法加載該圖片,則使用默認的 auto 樣式。
需要注意的是,自定義光標圖片必須是 CUR 或 ANI 格式的光標文件,且文件大小要盡可能小。
通過 CSS3 光標屬性,可以讓網站更加醒目、易于操作。同時,需要合理使用自定義光標樣式,以避免影響用戶使用體驗。