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è)置顏色為藍色,如圖:
設(shè)置鼠標(biāo)滑過<a>標(biāo)簽,字體變?yōu)榧t色的樣式:a:hover{color:red} 。如圖:
保存好hml文件,使用瀏覽器打開,首先看到的是藍色字體,把鼠標(biāo)放到文字上就會發(fā)現(xiàn)藍色字體變?yōu)榧t色字體。
實現(xiàn)的所有代碼,直接把代碼復(fù)制到html文件即可看到效果:
END
看了“css怎么設(shè)置鼠標(biāo)滑過字體變色”的人還看了