How do i add my own image to a button that links to another website in HTML & CSS?

Question

I'm trying to create a button that links to another website and I want to add my own image to it. should I use the <input> tag or the <button> tag? Thank you!

Answer 1

如果要添加到另一个网站的链接，则需要使用href标记，并且由于要添加图像作为链接，则需要在href标记内添加img标记，如下所示给定的代码：

<a href="Your Destined Page"><img src="Your Desired Image"/></a>

Answer 2

you can use an HTML form :

<form action="http://yoursite.com">
    <input type="submit" value=" to your site">
</form>

Answer 3

Whatever you want you can use.

You can use a button or input as well and give it a background (either color or image) Check this out

DEMO

<button type="button" id="button1">My Button with image in background</button>

#button1 {
  -webkit-appearance : none;
  -moz-appearance : none;
  border : none;
  background : url('http://upload.wikimedia.org/wikipedia/en/thumb/f/f2/Core_Image_icon.png/96px-Core_Image_icon.png');
  background-size : 100% 100%;
  background-repeat : no-repeat;
  width : 200px;
  height : 100px;
  box-shadow : 2px 2px 2px 1px gray;
}