制作Ios和Android图像按钮

Question

我有两个pngs。一个是在IOS上下载应用程序，另一个是在google play上获取它。

现在的问题是，我想把这些图像转换成按钮。因此，当它们被按下时，相应的按钮将用户重定向到app store和play store。

Answer 1

希望这个回答对你有帮助！

.download_app {
  display: flex;
  justify-content: center;
}

.download_app > div {
  width: 200px;
  height: 50px;
}

.download_app > div a {
  position: relative;
  display: block;
}

.download_app > div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

<div class="download_app">
  <div class="play_store">
    <a href="#">
      <img src="https://www.vhv.rs/dpng/d/467-4672484_google-play-badge-play-store-logo-white-hd.png" alt="Download App">
    </a>
  </div>

  <div class="app_store">
    <a href="#">
      <img src="https://www.vhv.rs/dpng/d/586-5866978_download-on-the-app-store-button-png-transparent.png" alt="Download App">
    </a>
  </div>
</div>