中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css中怎么改變光標樣式

發布時間:2021-07-25 19:54:12 來源:億速云 閱讀:328 作者:Leah 欄目:開發技術

這篇文章給大家介紹css中怎么改變光標樣式,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

在css中cursor屬性是用來定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀;我們可以通cursor屬性來設置鼠標光標(指針)樣式。

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:默認。瀏覽器設置的光標。

● crosshair:光標呈現為十字線。

● pointer:光標呈現為指示鏈接的指針(一只手)

● 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圖片地址) }設置對象為圖片

cursor樣式效果圖

鼠標指針說明

cursor設置或檢索在對象上移動的鼠標指針采用何種系統預定義的光標形狀。

控制設置鼠標指針樣式是比較常用的,但光標切記勿濫用,也不要輕易設置自定義圖片為鼠標樣式這樣會將網頁造成復雜與不符合用戶體驗感覺,切記光標慎用。

關于css中怎么改變光標樣式就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

新营市| 方城县| 额尔古纳市| 万荣县| 潼关县| 青海省| 屏边| 梧州市| 潢川县| 孙吴县| 永修县| 繁昌县| 和平区| 五指山市| 高唐县| 涡阳县| 遂宁市| 化德县| 资兴市| 阿合奇县| 郯城县| 绿春县| 北辰区| 右玉县| 福清市| 泰州市| 清丰县| 临沂市| 昔阳县| 双江| 特克斯县| 墨脱县| 广安市| 长丰县| 瑞金市| 综艺| 甘谷县| 海丰县| 盱眙县| 凉山| 章丘市|