css怎么設(shè)置鼠標滑過字體變色
時間:
本達868由 分享
css怎么設(shè)置鼠標滑過字體變色
網(wǎng)頁制作經(jīng)常會使用到這樣一個功能,鼠標滑過字體后字體顏色改變,那你知道css怎么設(shè)置鼠標滑過字體變色嗎?下面學(xué)習(xí)啦小編告訴你!
css設(shè)置鼠標滑過字體變色的方法
創(chuàng)建一個hml文件,如圖:
在tml頁面找到<body>標簽,在<body>標簽里面輸入內(nèi)容,然后用<a>標簽把內(nèi)容覆蓋。如圖:
修改<a>標簽的內(nèi)容設(shè)置顏色為藍色,如圖:
設(shè)置鼠標滑過<a>標簽,字體變?yōu)榧t色的樣式:a:hover{color:red} 。如圖:
保存好hml文件,使用瀏覽器打開,首先看到的是藍色字體,把鼠標放到文字上就會發(fā)現(xiàn)藍色字體變?yōu)榧t色字體。
實現(xiàn)的所有代碼,直接把代碼復(fù)制到html文件即可看到效果:
END
看了“css怎么設(shè)置鼠標滑過字體變色”的人還看了