Web鼠標CSS教程
網頁設計中,鼠標是一個非常重要的元素。通過CSS,我們可以輕松地改變鼠標的形狀和顏色,以增強用戶體驗。下面是一些基本的鼠標CSS樣式,可以供您參考。
1. 更改默認鼠標樣式
/* 鼠標指針 */ body { cursor: pointer; } /* 禁用鼠標指針 */ body { cursor: none; }
2. 添加自定義鼠標樣式
/* 添加自定義鼠標樣式 */ body { cursor: url('custom-cursor.png') 20 20, auto; }
3. 改變鼠標樣式顏色
/* 改變鼠標樣式顏色 */ body { cursor: pointer; color: red; }
4. 鼠標懸停樣式
/* 鼠標懸停樣式 */ a:hover { cursor: pointer; text-decoration: underline; }
5. 鼠標點擊樣式
/* 鼠標點擊樣式 */ a:active { cursor: pointer; color: blue; }
6. 禁用鼠標右鍵
/* 禁用鼠標右鍵 */ body { oncontextmenu="return false" }以上是一些基本的鼠標CSS樣式,您可以根據需要進行修改和組合。使用CSS語言能輕松地改變鼠標樣式,推薦各位前端開發者多掌握這一技巧。
上一篇css選擇符div
下一篇web鼠標懸停變色css