并在p標(biāo)簽里添加所要變色的文字2接下來(lái)對(duì)p標(biāo)簽添加css樣式，并添加hover屬性當(dāng)鼠標(biāo)懸停在p標(biāo)簽上時(shí)間文字變?yōu)榧t色，大小變?yōu)?0px3編輯好后保存在瀏覽器中執(zhí)行該HTML文件，鼠標(biāo)懸停在文字上即可看到效果了。

四將背景顏色設(shè)置為在鼠標(biāo)移動(dòng)到Div上時(shí)更改添加鼠標(biāo)懸停將鼠標(biāo)懸停到BG樣式類(lèi)，然后在鼠標(biāo)懸停時(shí)設(shè)置背景顏色五實(shí)用程序?yàn)g覽器打開(kāi)保存HTML并用瀏覽器打開(kāi)它當(dāng)鼠標(biāo)不在Div上移動(dòng)時(shí)，背景是紅色的當(dāng)鼠標(biāo)在Div。

確定5下面設(shè)置鼠標(biāo)經(jīng)過(guò)的文字色彩，還是參考第二步，打開(kāi)新建CSS規(guī)則面板，選擇“復(fù)合內(nèi)容”，選擇器中選擇ahover，6color中選擇鼠標(biāo)經(jīng)過(guò)的顏色，這里以“#F00”即紅色為例確定7下面看一下效果，完畢。

如何在CSS中實(shí)現(xiàn)鼠標(biāo)上移后字體變色1首先，打開(kāi)HTML編輯器，創(chuàng)建一個(gè)新的HTML文件，比如indexhtml2在indexhtml標(biāo)簽，輸入css代碼buttonbackgroundcolor#00a7d0 按鈕hoverbackgroundcolor#ff77013當(dāng)。

3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)顯示出了藍(lán)色背景顏色的按鈕4將鼠標(biāo)移入按鈕，此時(shí)按鈕的背景顏色變成了橙色。