CSS樣式可以讓我們實現(xiàn)各種有趣的效果,比如當(dāng)鼠標(biāo)懸停在某個元素上時,讓鼠標(biāo)變成小手。這里我們介紹一下如何使用CSS樣式讓鼠標(biāo)變成小手。
/* 將光標(biāo)樣式設(shè)置為手指形狀 */ .element { cursor: pointer; }
在上面的代碼中,我們將CSS的光標(biāo)樣式設(shè)置為了 “pointer” ,這是在CSS中最常用的光標(biāo)樣式之一。這會將鼠標(biāo)光標(biāo)變成小手,仿佛在向用戶暗示“這里可以點擊哦!”。
需要注意的是,這個樣式只會在你的光標(biāo)懸停在對應(yīng)的元素上時才會生效。如果你的元素本來就是不能被點擊的,那么這個樣式也不會有任何作用。
如果你想讓整個頁面都使用小手光標(biāo)(比如當(dāng)你的頁面設(shè)計成一張地圖,需要用戶在上面進(jìn)行一些交互時),那么可以將這個樣式應(yīng)用到整個body元素上:
/* 將光標(biāo)樣式設(shè)置為手指形狀 */ body { cursor: pointer; }
這樣就可以讓你的整個頁面的光標(biāo)變成小手啦!