如果你經常使用電腦,那么必然會接觸到鼠標。而當你鼠標經過某些鏈接或可點擊的區域時,你會發現鼠標會變成小手的形狀。那么這個小手是怎么來的呢?其實這是用CSS實現的。
a:hover { cursor: pointer; }
如上所示的CSS代碼,通過:hover偽類選擇器,選中了鼠標懸浮在鏈接上的狀態,然后給它添加了cursor屬性,將指針的樣式設置為pointer,也就是小手的樣式。
除了pointer,還可以設置為default、text、crosshair等不同的樣式。比如,將指針樣式設置為text,當鼠標經過文本內容時,指針將變成一根豎線帶底的樣式,表示它可以選中文本。
p:hover { cursor: text; }
通過這種方法,我們可以用CSS來控制鼠標的樣式,讓鼠標的移動更加生動有趣。