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

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

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

cursor屬性的語(yǔ)法：

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：需使用的自定義光標(biāo)的URL。注：請(qǐng)?jiān)诖肆斜淼哪┒耸冀K定義一種普通的光標(biāo)，以防沒(méi)有由URL定義的可用光標(biāo)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3、div{cursor:move}移動(dòng)選擇效果

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

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

鼠標(biāo)指針說(shuō)明

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

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

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