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"/>