html鼠標經(jīng)過按鈕變色(html鼠標經(jīng)過按鈕變色了怎么辦)
并在p標簽里添加所要變色的文字2接下來對p標簽添加css樣式,并添加hover屬性當鼠標懸停在p標簽上時間文字變?yōu)榧t色,大小變?yōu)?0px3編輯好后保存在瀏覽器中執(zhí)行該HTML文件,鼠標懸停在文字上即可看到效果了。
四將背景顏色設(shè)置為在鼠標移動到Div上時更改添加鼠標懸停將鼠標懸停到BG樣式類,然后在鼠標懸停時設(shè)置背景顏色五實用程序瀏覽器打開保存HTML并用瀏覽器打開它當鼠標不在Div上移動時,背景是紅色的當鼠標在Div。
確定5下面設(shè)置鼠標經(jīng)過的文字色彩,還是參考第二步,打開新建CSS規(guī)則面板,選擇“復合內(nèi)容”,選擇器中選擇ahover,6color中選擇鼠標經(jīng)過的顏色,這里以“#F00”即紅色為例確定7下面看一下效果,完畢。
如何在CSS中實現(xiàn)鼠標上移后字體變色1首先,打開HTML編輯器,創(chuàng)建一個新的HTML文件,比如indexhtml2在indexhtml標簽,輸入css代碼buttonbackgroundcolor#00a7d0 按鈕hoverbackgroundcolor#ff77013當。
3瀏覽器運行indexhtml頁面,此時顯示出了藍色背景顏色的按鈕4將鼠標移入按鈕,此時按鈕的背景顏色變成了橙色。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。