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

Html 使用带有悬停和活动css样式的自定义按钮图像,html,css,button,Html,Css,Button,我想使用我为网站上的按钮制作的图像,并使用css:hover和:active来更改图像。需要提交它们,并且只需要一个到另一个页面的基本链接。我不清楚您想要什么。但是,下面是:- 使用此代码,您可以实现以下结果:- 按钮有背景。当用户将鼠标悬停在按钮上时,将显示悬停的背景。当用户单击按钮时,页面将重定向到-page.html CSS .button{ background:url('your_background.png'); } .button:hover{ background:u

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

我不清楚您想要什么。但是,下面是:-
使用此代码,您可以实现以下结果:-
按钮有背景。当用户将鼠标悬停在按钮上时,将显示悬停的背景。当用户单击按钮时,页面将重定向到-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>

我使用了input type=“submit”,正如您在问题中提到的“需要提交”。如果您只想使用按钮重定向,而该按钮不需要是提交类型,那么您可以使用
。例如:-

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


对你有好处,我的朋友。。。。你想干什么?我不明白你到底想要什么。!添加current:hover和:activecss代码段,以便每个人都能理解您的想法,代码不仅仅是文字。祝你好运。嗨,我如何从css directoryCare引用根目录中的文件夹来解释d downvote