學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦技巧 > css怎么設(shè)置鼠標(biāo)滑過(guò)字體變色

css怎么設(shè)置鼠標(biāo)滑過(guò)字體變色

時(shí)間: 本達(dá)868 分享

css怎么設(shè)置鼠標(biāo)滑過(guò)字體變色

  網(wǎng)頁(yè)制作經(jīng)常會(huì)使用到這樣一個(gè)功能,鼠標(biāo)滑過(guò)字體后字體顏色改變,那你知道css怎么設(shè)置鼠標(biāo)滑過(guò)字體變色嗎?下面學(xué)習(xí)啦小編告訴你!

  css設(shè)置鼠標(biāo)滑過(guò)字體變色的方法

  創(chuàng)建一個(gè)hml文件,如圖:

  在tml頁(yè)面找到<body>標(biāo)簽,在<body>標(biāo)簽里面輸入內(nèi)容,然后用<a>標(biāo)簽把內(nèi)容覆蓋。如圖:

  修改<a>標(biāo)簽的內(nèi)容設(shè)置顏色為藍(lán)色,如圖:

  設(shè)置鼠標(biāo)滑過(guò)<a>標(biāo)簽,字體變?yōu)榧t色的樣式:a:hover{color:red} 。如圖:

  保存好hml文件,使用瀏覽器打開(kāi),首先看到的是藍(lán)色字體,把鼠標(biāo)放到文字上就會(huì)發(fā)現(xiàn)藍(lán)色字體變?yōu)榧t色字體。

  實(shí)現(xiàn)的所有代碼,直接把代碼復(fù)制到html文件即可看到效果:

  END

看了“css怎么設(shè)置鼠標(biāo)滑過(guò)字體變色”的人還看了

1.怎么實(shí)現(xiàn)css實(shí)現(xiàn)鼠標(biāo)滑過(guò)改變文字

2.怎么實(shí)現(xiàn)鼠標(biāo)滑過(guò)變色

3.css怎么設(shè)置鼠標(biāo)變背景

4.css怎么改變鼠標(biāo)樣式

2089766