在網(wǎng)頁(yè)設(shè)計(jì)中,小手光標(biāo)是一種常見(jiàn)的指針,可以很好地引導(dǎo)用戶進(jìn)行操作。
在HTML5中,設(shè)置小手光標(biāo)非常簡(jiǎn)單,只需要使用CSS的cursor屬性即可。
/* 設(shè)置小手光標(biāo) */
element {
cursor: pointer;
}
上述代碼中,element代表需要設(shè)置小手光標(biāo)的元素,可以是任何HTML元素,如div、a、button等。cursor: pointer;表示將光標(biāo)設(shè)置為小手指。
除了pointer外,cursor屬性還支持其他值,如默認(rèn)光標(biāo)default、文本光標(biāo)text、等待光標(biāo)wait等等。
需要注意的是,如果想要在整個(gè)頁(yè)面中讓光標(biāo)變?yōu)樾∈种福梢越obody元素設(shè)置cursor屬性,如下:
/* 在整個(gè)頁(yè)面中設(shè)置小手光標(biāo) */
body {
cursor: pointer;
}
這樣做可以方便用戶在任何位置操作頁(yè)面。