這篇文章主要介紹了CSS如何實(shí)現(xiàn)鼠標(biāo)放在上面時(shí)整行變色效果，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司專注于蔚縣網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供蔚縣營(yíng)銷型網(wǎng)站建設(shè)，蔚縣網(wǎng)站制作、蔚縣網(wǎng)頁(yè)設(shè)計(jì)、蔚縣網(wǎng)站官網(wǎng)定制、微信小程序開(kāi)發(fā)服務(wù)，打造蔚縣網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供蔚縣網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

實(shí)現(xiàn)思路:

使用:hover偽類，實(shí)現(xiàn)當(dāng)鼠標(biāo)指向時(shí)，其背景色發(fā)生相應(yīng)的變化，如下例所示:

例：

下文中的div，當(dāng)鼠標(biāo)放上時(shí)，背景色發(fā)生相應(yīng)的變化。

div{
  overflow:hidden;
  white-space:nowrap;
  height:30px;
  width:250px; 
  background-color:white;
  color:black;
}
.divTest:hover{
  background-color:blue;
  color:white;
}



div 鼠標(biāo)移上時(shí),背景色發(fā)生變化