CSS提供了許多:hover偽類選擇器,可以使我們實(shí)現(xiàn)一些有趣的效果,比如當(dāng)鼠標(biāo)滑過某個元素時,出現(xiàn)小手的效果。
/* 先定義一個樣式 */ .hover-cursor { cursor: pointer; } /* 然后在需要應(yīng)用效果的元素上添加該樣式 */ <div class="hover-cursor">鼠標(biāo)滑過我試試</div>
上述代碼中,我們定義了一個名為.hover-cursor的樣式,其中cursor屬性用于指定鼠標(biāo)懸停在該元素上時的光標(biāo)樣式,此處為pointer,即小手形狀。
在需要應(yīng)用該效果的元素上添加.hover-cursor樣式即可。