如何将我自己的图像添加到链接到HTML和CSS中的另一个网站的按钮？

Question

我想创建一个链接到另一个网站的按钮，我想添加自己的图像。 应该使用<input>标签还是<button>标签？ 谢谢！

Answer 1

如果你想添加一个链接到另一个网站，那么，你需要使用一个href标签，因为你想添加一个图像作为链接，那么，你需要在一个href里面添加img标签标签像如下代码：

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

Answer 2

您可以使用HTML表单：无论你愿意，你可以使用

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

Answer 3

。

您可以使用一个按钮或输入以及并给它一个背景（彩色或图像） 检查了这一点

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; 
}