时间戳

首页 > 解决方案 > 带链接的背景图片

html - 带链接的背景图片

问题描述

带链接的背景图片

我正在尝试添加指向我附加的图像的链接，但我无法弄清楚，我是初学者，我需要帮助:))

这是我到目前为止所做的：

a {
  margin-left: -.625rem;
  background-image: url(https://i.ibb.co/55hHtt5/super-promotii.png);
  background-repeat: no-repeat;
  background-position: right;
}
<a href="https://www.google.com/">Link</a>

标签： htmlcss

解决方案

尝试这个


<div class="navbar-nav" onclick="location.href='https://www.google.com'">
<img src="https://i.stack.imgur.com/FcGgh.png">
</div>

您可以将 div 更改为锚标记并使用 href 链接

<a class="navbar-nav" href="https://www.google.com">
   <img src="https://i.stack.imgur.com/FcGgh.png">
</a>

推荐阅读