在css中,可以使用cursor屬性改變鼠標(biāo)樣式,只需要給元素設(shè)置“cursor:樣式值”即可。cursor屬性定義了鼠標(biāo)指針放在一個元素邊界范圍內(nèi)時所用的光標(biā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屬性能實現(xiàn)我們需要的效果,詳細(xì)的用法和說明如下圖。
我們使用html編輯器sublime_text對網(wǎng)頁進(jìn)行編輯,詳細(xì)如下圖。
我們創(chuàng)建一個例子,新建一個html頁面,然后在頁面中添加一個按鈕,然后鼠標(biāo)移上去看看效果,詳細(xì)如下圖。
我們使用cursor屬性對這個按鈕進(jìn)行屬性修改,我們根據(jù)官方給出的屬性,我們使用help這個值,詳細(xì)如下圖。
我們把html網(wǎng)頁放到瀏覽器中,然后查看效果,鼠標(biāo)變成問號樣式,還有很多樣式,大家可以自行嘗試,詳細(xì)如下圖。