CSS中的:hover偽類可以為網(wǎng)頁中的元素添加特效,例如鼠標(biāo)懸停時改變元素的顏色、背景或邊框等效果。使用:hover偽類的方法是在樣式表中編寫對應(yīng)的樣式,然后在HTML文檔中將該樣式應(yīng)用到需要設(shè)置的元素中。
/* CSS樣式表代碼-鼠標(biāo)懸停時改變元素的顏色 */ .hover-change-color:hover { color: red; } /* CSS樣式表代碼-鼠標(biāo)懸停時改變元素的背景 */ .hover-change-bg:hover { background-color: yellow; } /* CSS樣式表代碼-鼠標(biāo)懸停時改變元素的邊框 */ .hover-change-border:hover { border: 2px solid blue; }
如上所述,根據(jù)需要設(shè)置的不同,我們可以通過在CSS樣式表中編寫相應(yīng)的樣式來實現(xiàn)鼠標(biāo)懸停時元素的效果。例如,設(shè)置鼠標(biāo)懸停時改變元素的顏色,我們可以編寫.hover-change-color:hover樣式將對應(yīng)元素的文字顏色設(shè)置為紅色;設(shè)置鼠標(biāo)懸停時改變元素的背景,我們可以編寫.hover-change-bg:hover樣式將對應(yīng)元素的背景色設(shè)置為黃色;設(shè)置鼠標(biāo)懸停時改變元素的邊框,我們可以編寫.hover-change-border:hover樣式將對應(yīng)元素的邊框設(shè)置為藍色。
下一篇css中怎么畫扇形