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