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

Question

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

这是我的 html 的一个例子

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

这是我绘制 div 的 css

#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;}