css怎么設(shè)置鼠標(biāo)滑過字體變色
時(shí)間:
本達(dá)868由 分享
css怎么設(shè)置鼠標(biāo)滑過字體變色
網(wǎng)頁制作經(jīng)常會(huì)使用到這樣一個(gè)功能,鼠標(biāo)滑過字體后字體顏色改變,那你知道css怎么設(shè)置鼠標(biāo)滑過字體變色嗎?下面學(xué)習(xí)啦小編告訴你!
css設(shè)置鼠標(biāo)滑過字體變色的方法
創(chuàng)建一個(gè)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)放到文字上就會(huì)發(fā)現(xiàn)藍(lán)色字體變?yōu)榧t色字體。
實(shí)現(xiàn)的所有代碼,直接把代碼復(fù)制到html文件即可看到效果:
END
看了“css怎么設(shè)置鼠標(biāo)滑過字體變色”的人還看了