如何在css中改變光標(biāo)樣式

這篇文章給大家分享的是有關(guān)如何在css中改變光標(biāo)樣式的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

10年積累的成都網(wǎng)站設(shè)計、成都網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有赫山免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

cursor屬性的語法：

可能的屬性值：

●url：需使用的自定義光標(biāo)的URL。注：請在此列表的末端始終定義一種普通的光標(biāo)，以防沒有由URL定義的可用光標(biāo)。

●default：默認光標(biāo)（通常是一個箭頭）

●auto：默認。瀏覽器設(shè)置的光標(biāo)。

●crosshair：光標(biāo)呈現(xiàn)為十字線。

●pointer：光標(biāo)呈現(xiàn)為指示鏈接的指針（一只手）

●move：此光標(biāo)指示某對象可被移動。

●e-resize：此光標(biāo)指示矩形框的邊緣可被向右（東）移動。

●ne-resize：此光標(biāo)指示矩形框的邊緣可被向上及向右移動（北/東）。

●nw-resize：此光標(biāo)指示矩形框的邊緣可被向上及向左移動（北/西）。

●n-resize：此光標(biāo)指示矩形框的邊緣可被向上（北）移動。

●se-resize：此光標(biāo)指示矩形框的邊緣可被向下及向右移動（南/東）。

●sw-resize：此光標(biāo)指示矩形框的邊緣可被向下及向左移動（南/西）。

●s-resize：此光標(biāo)指示矩形框的邊緣可被向下移動（北/西）。

●w-resize：此光標(biāo)指示矩形框的邊緣可被向左移動（西）。

●text：此光標(biāo)指示文本。

●wait：此光標(biāo)指示程序正忙（通常是一只表或沙漏）。

●help：此光標(biāo)指示可用的幫助（通常是一個問號或一個氣球）。

常用cursor光標(biāo)說明

1、div{cursor:default}默認正常鼠標(biāo)指針

2、div{cursor:hand}和div{cursor:text}文本選擇效果

3、div{cursor:move}移動選擇效果

4、div{cursor:pointer}手指形狀鏈接選擇效果

5、div{cursor:url(url圖片地址)}設(shè)置對象為圖片

鼠標(biāo)指針說明

cursor設(shè)置或檢索在對象上移動的鼠標(biāo)指針采用何種系統(tǒng)預(yù)定義的光標(biāo)形狀。

控制設(shè)置鼠標(biāo)指針樣式是比較常用的，但光標(biāo)切記勿濫用，也不要輕易設(shè)置自定義圖片為鼠標(biāo)樣式這樣會將網(wǎng)頁造成復(fù)雜與不符合用戶體驗感覺，切記光標(biāo)慎用。

感謝各位的閱讀！關(guān)于“如何在css中改變光標(biāo)樣式”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

分享名稱：如何在css中改變光標(biāo)樣式
文章起源：http://muchs.cn/article14/pidege.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、定制開發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站營銷、自適應(yīng)網(wǎng)站、標(biāo)簽優(yōu)化

聲明：本網(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)容