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

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

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

1、hover的基本用法

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

2、hover的特殊用法

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

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

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

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

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

CSS樣式