您好,登錄后才能下訂單哦!
本篇文章為大家展示了CSS中有哪些鼠標樣式,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
Csscursor鼠標指針樣式
cursor語法:
cursor:auto|crosshair|default|hand|move|help|wait|text|w-resize|s-resize|n-resize|e-resize|ne-resize|sw-resize|se-resize|nw-resize|pointer|url(url)
常用cursor光標說明
1)、div{cursor:default}默認正常鼠標指針
2)、div{cursor:hand}和div{cursor:text}文本選擇效果
3)、div{cursor:move}移動選擇效果
4)、div{cursor:pointer}手指形狀鏈接選擇效果
5)、div{cursor:url(url圖片地址)}設置對象為圖片
鼠標指針樣式有哪些
鼠標指針樣式控制設置是比較常用的,比如日常我們在DIV+CSS布局時候,我們希望鼠標指向某個局部span標簽對象時候,鼠標指針光標就變為手指狀態,這個時候我們就對對象span設置cursor:pointer即可。以上我們圖例展示常用的鼠標光標形狀與css單詞,希望布局時候更加自身需要選擇設置鼠標指針樣式。需要注意是,光標切記勿濫用,也不要輕易設置自定義圖片為鼠標樣式這樣會將網頁造成復雜與不符合用戶體驗感覺,切記光標慎用。
上述內容就是CSS中有哪些鼠標樣式,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。