Html 如何更改悬停按钮？

当鼠标悬停在上方时，我需要帮助创建图像更改。我使用这个图像作为一个按钮。这是我的代码：

.button_home {
    width: 110px;
    height: 50px;
    background-image: url(background1.png);
}
.button_home :hover {
    background-image: url(background_ov1.png);
}

我的html是：

<form action="webpage.HTML">
<input type="image" class="button_home">
</form>

---

有什么帮助吗？

在

之前清除空格：悬停

.button_home:hover {

清除
之前的空格：悬停

.button_home:hover {

取出
.button\u home
和
之间的空格：hover
更改
。button\u home:hover
到
。button\u home:hover
取出
和
之间的空格。button\u home
更改
。button\u home:hover
到
。button\u home:hover