如何使图像作为独立于链接作为按钮的链接？

Question

我想知道如何使图像作为独立于按钮作为链接的链接。这是我正在使用的代码。

Student s1{"Foo", "Bar};

我得到的是一个红色的按钮作为链接，以及一个带有红色边框的图像。我希望图像独立于按钮的属性。

Answer 1

我认为最简单的方法是为按钮链接提供独立的类并为其设置样式。

请参见以下示例：

UITableViewDataSource

.btn-link:link,
.btn-link:visited {
  background-color: #f44336;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.btn-link:hover,
.btn-link:active {
  background-color: lightblue;
}

上面，我制作了一个<a href="http://amazon.com" target="_blank"> <img border="0" src="https://www.shareicon.net/download/2016/11/14/851937_stack.svg" width="69" height="36"> </a> <a class="btn-link" href="http://youtube.com" target="_blank">This is a link</a>类，并将其仅添加到要设置样式的锚标签中。您可以将此类应用于希望显示为按钮的所有链接。