css中的hover怎么用，css hover的用法

閱讀量： 280 發(fā)布日期： 2022-11-04 09:58:18

CSS hover的用法很簡單，只需要在元素的類名前加上“hover”即可。例如，下面這段代碼將使文字變成紅色并且加上白邊距：

1、hover的基本用法

CSS hover的基本用法是當(dāng)鼠標(biāo)滑過元素時(shí)，元素會呈現(xiàn)一個(gè)特定的樣式。這個(gè)樣式可以通過在元素的style屬性中設(shè)置css的hover樣式來實(shí)現(xiàn)。鼠標(biāo)懸停樣式的基本語法如下：

2、hover的特殊用法

css hover的特殊用法包括：·當(dāng)鼠標(biāo)移到元素上時(shí)，元素的寬度會自動(dòng)變?yōu)?00px；·當(dāng)鼠標(biāo)移到元素上時(shí)，元素會自動(dòng)向左移動(dòng)50px；·當(dāng)鼠標(biāo)移到元素上時(shí)，元素會自動(dòng)變?yōu)橥该鞫葹?.5。

3、hover的參數(shù)說明

hover() 方法規(guī)定當(dāng)鼠標(biāo)指針懸停在元素上時(shí)要發(fā)生的事件。語法：$(selector).hover(inFunction,outFunction)參數(shù)：inFunction：鼠標(biāo)指針懸停在元素上時(shí)所執(zhí)行的函數(shù)outFunction：鼠標(biāo)指針離開元素時(shí)所執(zhí)行的函數(shù)

CSS hover的用法很簡單，只需要在元素的類名前加上“hover”即可。

作者: bosscms，轉(zhuǎn)載時(shí)必須經(jīng)得同意并以鏈接形式注明作者和原始出處及本聲明。

CSS樣式