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

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

時間: 本達868 分享

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

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

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

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

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

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

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

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

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

  END

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

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

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

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

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

2089766