HTML中的按钮内部的图标

Question

我需要在HTML按钮中放置小图标（例如，我需要在我的网站上有按钮，首先按F按钮，然后按“facebook”）。怎么做 ？

Answer 1

CSS：

.facebook-button { 
    background: url('facebook-logo.png') left center no-repeat; 
    padding-left: 15px; 
}

HTML：

<input type="button" class="facebook-button" value="Facebook" />

Answer 2

<button><img src="facebook.png" alt=""> Facebook</button> 

Answer 3

使用路径名图像

<img src="images/facebook-logo.png"/> 

添加以下数据添加的宽度和高度属性如果你想调整图标

<img src="images/facebook-logo.png" width="75" height="75"/>