使用具有悬停和活动css样式的自定义按钮图像

Question

我想使用我为网站上的按钮制作的图像并使用css：hover和：active来更改图像。需要提交它们，还需要提供另一个页面的基本链接。

Answer 1

我无法清楚地理解你想要什么。但是，这里有： - 使用此代码，您可以获得以下结果： -
按钮有背景。当用户将鼠标悬停在按钮上时，会显示悬停背景。当用户点击该按钮时，该页面将重定向到-page.html

CSS

.button{
   background:url('your_background.png');
}
.button:hover{
   background:url('your-hovered-background.png');
}

HTML

<form action="the-page.html">
  <input type="submit" class="button" />
</form>

我在你提到的问题中使用了输入类型=“提交”“需要提交”。如果您只想使用按钮重定向，并且按钮不需要提交类型，那么您可以使用<div>。例如： -

<a href="the-page.html"><div class="button">Redirect</div></a>