CSS中的:hover偽類可以為網(wǎng)頁(yè)中的元素添加特效,例如鼠標(biāo)懸停時(shí)改變?cè)氐念伾⒈尘盎蜻吙虻刃ЧJ褂?hover偽類的方法是在樣式表中編寫對(duì)應(yīng)的樣式,然后在HTML文檔中將該樣式應(yīng)用到需要設(shè)置的元素中。
/* CSS樣式表代碼-鼠標(biāo)懸停時(shí)改變?cè)氐念伾?*/ .hover-change-color:hover { color: red; } /* CSS樣式表代碼-鼠標(biāo)懸停時(shí)改變?cè)氐谋尘?*/ .hover-change-bg:hover { background-color: yellow; } /* CSS樣式表代碼-鼠標(biāo)懸停時(shí)改變?cè)氐倪吙?*/ .hover-change-border:hover { border: 2px solid blue; }
如上所述,根據(jù)需要設(shè)置的不同,我們可以通過(guò)在CSS樣式表中編寫相應(yīng)的樣式來(lái)實(shí)現(xiàn)鼠標(biāo)懸停時(shí)元素的效果。例如,設(shè)置鼠標(biāo)懸停時(shí)改變?cè)氐念伾覀兛梢跃帉?hover-change-color:hover樣式將對(duì)應(yīng)元素的文字顏色設(shè)置為紅色;設(shè)置鼠標(biāo)懸停時(shí)改變?cè)氐谋尘埃覀兛梢跃帉?hover-change-bg:hover樣式將對(duì)應(yīng)元素的背景色設(shè)置為黃色;設(shè)置鼠標(biāo)懸停時(shí)改變?cè)氐倪吙颍覀兛梢跃帉?hover-change-border:hover樣式將對(duì)應(yīng)元素的邊框設(shè)置為藍(lán)色。
下一篇css中怎么畫扇形