将鼠标悬停在div id上时如何改变颜色？

Question

我在我的html中创建了一个div id并在我的CSS中绘制了条形图。 现在我想在悬停在条形图上时更改颜色。

这是我的html

的一个例子

<div id="balklongwaarde">
</div>

这是我画cs的地方

#balklongwaarde{
height: 150px;
width: 40px;
border: 1px solid #2e9afe;
background: #2e9afe;
position: absolute;
margin-top: 200px;
margin-left: 200px;
}

如何将鼠标悬停在条形图上时更改背景颜色？

Answer 1

在css中

 #balklongwaarde:hover{background-color:red;}

Answer 2

#balklongwaarde:hover{
   background-color: blue;
}