CSS3可以設(shè)置網(wǎng)頁(yè)元素的光標(biāo)樣式,為網(wǎng)頁(yè)增加更多的用戶(hù)交互功能,下面是一些常用的光標(biāo)樣式。
cursor: auto; //默認(rèn)光標(biāo) cursor: pointer; //手形光標(biāo) cursor: text; //文本光標(biāo) cursor: wait; //等待光標(biāo) cursor: n-resize; //北向調(diào)整光標(biāo) cursor: e-resize; //東向調(diào)整光標(biāo) cursor: s-resize; //南向調(diào)整光標(biāo) cursor: w-resize; //西向調(diào)整光標(biāo) cursor: ne-resize; //東北向調(diào)整光標(biāo) cursor: se-resize; //東南向調(diào)整光標(biāo) cursor: nw-resize; //西北向調(diào)整光標(biāo) cursor: sw-resize; //西南向調(diào)整光標(biāo) cursor: move; //移動(dòng)光標(biāo)
可以把以上代碼應(yīng)用于任何HTML元素中,例如:
p { cursor: pointer; } .my-button { cursor: pointer; }
上面的代碼將會(huì)為所有的p元素以及帶有my-button類(lèi)名的元素設(shè)置手形光標(biāo)。
總之,使用CSS3的光標(biāo)樣式,網(wǎng)頁(yè)開(kāi)發(fā)者就可以輕松地為網(wǎng)頁(yè)添加更多的用戶(hù)交互功能。