在css中,可以使用cursor屬性改變鼠標(biāo)樣式,只需要給元素設(shè)置“cursor:樣式值”即可。cursor屬性定義了鼠標(biāo)指針放在一個(gè)元素邊界范圍內(nèi)時(shí)所用的光標(biāo)形狀,該屬性為零個(gè)或多個(gè)“
”值,它們之間用逗號(hào)分隔,最后必填關(guān)鍵字值。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在前端開發(fā)中,改變鼠標(biāo)樣式是經(jīng)常使用的,我們前往css官網(wǎng)看看有什么屬性可以改變鼠標(biāo)的樣式,最后發(fā)現(xiàn)cursor屬性能實(shí)現(xiàn)我們需要的效果,詳細(xì)的用法和說明如下圖。
我們使用html編輯器sublime_text對(duì)網(wǎng)頁(yè)進(jìn)行編輯,詳細(xì)如下圖。
我們創(chuàng)建一個(gè)例子,新建一個(gè)html頁(yè)面,然后在頁(yè)面中添加一個(gè)按鈕,然后鼠標(biāo)移上去看看效果,詳細(xì)如下圖。
我們使用cursor屬性對(duì)這個(gè)按鈕進(jìn)行屬性修改,我們根據(jù)官方給出的屬性,我們使用help這個(gè)值,詳細(xì)如下圖。
我們把html網(wǎng)頁(yè)放到瀏覽器中,然后查看效果,鼠標(biāo)變成問號(hào)樣式,還有很多樣式,大家可以自行嘗試,詳細(xì)如下圖。