html - href 到网站上的不同页面无法按我希望的方式工作

Question

我想在指向网络上不同页面的按钮顶部添加图片。我希望图片也像按钮一样。当您将鼠标悬停在按钮或图片上时，它需要能够执行类似其一个按钮的操作。

          <a class="btn" onclick="WebsiteRedirectForum()">Forum</a>
      <img class="forum" src="img/forum.png" />
      <a class="btn" onclick="WebsiteRedirectStore()">Store</a>
      <img class="cart" src="img/cart.png" />

我想我需要这样做，然后向其中添加某种 css，但我真的不知道我需要添加什么。这是我的第一次尝试，我对 html 和 css 了解不多，但我总是可以使用谷歌。

谢谢，

汤姆

Answer 1

要使您的图片成为可点击的链接，您需要做的就是用标签将其包围起来。

<a href=“your-link.html><img src=“your-photo-path.png”></a>

这样，您将同时拥有一个按钮和一张图片。它将不是可点击的文本，而是一张照片。