- 相關(guān)推薦
怎么實現(xiàn)鼠標(biāo)滑過變色
網(wǎng)頁制作經(jīng)常會使用到這樣一個功能，鼠標(biāo)滑過字體后字體顏色改邊，那么這個功能要怎么實現(xiàn)呢？以下是小編跟大家分享實現(xiàn)鼠標(biāo)滑過變色的辦法，希望對大家能有所幫助！
鼠標(biāo)滑過變色的實現(xiàn)
方法/步驟
創(chuàng)建一個html文件，如圖：
在html頁面找到標(biāo)簽，在標(biāo)簽里面輸入內(nèi)容，然后用標(biāo)簽把內(nèi)容覆蓋。如圖：
修改標(biāo)簽的內(nèi)容設(shè)置顏色為藍(lán)色，如圖：
設(shè)置鼠標(biāo)滑過標(biāo)簽，字體變?yōu)榧t色的樣式:a:hover{color:red} 。如圖：
保存好html文件，使用瀏覽器打開，首先看到的是藍(lán)色字體，把鼠標(biāo)放到文字上就會發(fā)現(xiàn)藍(lán)色字體變?yōu)榧t色字體。
實現(xiàn)的所有代碼，直接把代碼復(fù)制到html文件即可看到效果：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠標(biāo)滑過字體變色</title>
<style type="text/css">
a{
color:blue;
}
a:hover{
color: red;
}
</style>
</head>
<body>
<a href="">把鼠標(biāo)放到我身上</a>
</body>
</html>
style type="text/css"
a{
color:blue;
}
a:hover{
color: red;
}
/style
【怎么實現(xiàn)鼠標(biāo)滑過變色】相關(guān)文章：
鼠標(biāo)指針怎么換03-27
鼠標(biāo)墊怎么洗04-12
無線鍵盤鼠標(biāo)怎么使用07-26
鼠標(biāo)右鍵失靈怎么修復(fù)12-19
怎么清理鼠標(biāo)右鍵菜單06-04
怎么清洗鼠標(biāo)墊05-10
小米盒子怎么用鼠標(biāo)操作03-23
鼠標(biāo)連點器怎么用？03-27