在瀏覽網頁的時候,你可能會注意到鼠標移動到某些按鈕或鏈接上時,會出現一個小手的圖標,而這一特效是通過 CSS 實現的。
當你將鼠標放在某元素上時,可以通過 CSS 中的cursor
屬性來設置不同的光標樣式。比如:
.button { cursor: pointer; }
當你將鼠標放在類名為button
的元素上時,會自動變成小手的形狀。
除了pointer
,CSS 還支持很多其他的值來改變光標樣式。例如:
a { cursor: help; } textarea { cursor: text; } img { cursor: zoom-in; }
上面三個例子分別將光標的樣式設置為“幫助”、“文本輸入”和“放大鏡”。你可以隨意組合這些值,根據需求定制出適合自己網站的光標樣式。
上一篇鼠標變成禁止使用 css
下一篇java里面數組和集合