html - 如何制作悬停按钮？

Question

我想制作一个 CSS 类，以便我可以像这样使用它

<input type="button" class="hoverbuttons">

那么我该如何创建一个类，以便我的按钮悬停？

我已经有两个按钮了。假设这些 URL 是 URL1 和 URL2，我怎样才能使用 CSS 使它们悬停？

Answer 1

最简单的方法是使用 sprites .您需要更改 <input>标记为 <a>标签:

<style>

a.link1 {
display:block;
height:10px;
background:url(image.jpg) no-repeat 0 0;
}

a.link1:hover {
background:url(image.jpg) no-repeat 0 -10px;
}

</style>

<a href="URL1" class="link1">foo</a>