小編給大家分享一下在css中改變光標樣式的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

在css中cursor屬性是用來定義了鼠標指針放在一個元素邊界范圍內(nèi)時所用的光標形狀;我們可以通cursor屬性來設(shè)置鼠標光標(指針)樣式。
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)
可能的屬性值:
● url:需使用的自定義光標的 URL。注:請在此列表的末端始終定義一種普通的光標,以防沒有由 URL 定義的可用光標。
● default:默認光標(通常是一個箭頭)
● auto:默認。瀏覽器設(shè)置的光標。
● crosshair:光標呈現(xiàn)為十字線。
● pointer:光標呈現(xiàn)為指示鏈接的指針(一只手)
● move:此光標指示某對象可被移動。
● e-resize:此光標指示矩形框的邊緣可被向右(東)移動。
● ne-resize:此光標指示矩形框的邊緣可被向上及向右移動(北/東)。
● nw-resize:此光標指示矩形框的邊緣可被向上及向左移動(北/西)。
● n-resize:此光標指示矩形框的邊緣可被向上(北)移動。
● se-resize:此光標指示矩形框的邊緣可被向下及向右移動(南/東)。
● sw-resize:此光標指示矩形框的邊緣可被向下及向左移動(南/西)。
● s-resize:此光標指示矩形框的邊緣可被向下移動(北/西)。
● w-resize:此光標指示矩形框的邊緣可被向左移動(西)。
● text:此光標指示文本。
● wait:此光標指示程序正忙(通常是一只表或沙漏)。
● help:此光標指示可用的幫助(通常是一個問號或一個氣球)。
常用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圖片地址) }設(shè)置對象為圖片
cursor樣式效果圖

鼠標指針說明
cursor設(shè)置或檢索在對象上移動的鼠標指針采用何種系統(tǒng)預定義的光標形狀。
控制設(shè)置鼠標指針樣式是比較常用的,但光標切記勿濫用,也不要輕易設(shè)置自定義圖片為鼠標樣式這樣會將網(wǎng)頁造成復雜與不符合用戶體驗感覺,切記光標慎用。
以上是在css中改變光標樣式的方法的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!
分享題目:在css中改變光標樣式的方法-創(chuàng)新互聯(lián)
文章分享:http://www.chinadenli.net/article30/djohpo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、面包屑導航、響應(yīng)式網(wǎng)站、定制開發(fā)、網(wǎng)站收錄、外貿(mào)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容