Biểu tượng nút bên trong trong HTML

Question

Tôi cần đặt biểu tượng nhỏ bên trong nút trong HTML (ví dụ tôi cần phải có nút facebook trên trang web của tôi, bên trong nút F biểu tượng đầu tiên và sau đó "facebook"). Làm thế nào để làm điều đó ?

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

Thêm dữ liệu sau đây bằng cách sử dụng tên đường dẫn cho hình ảnh

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

Thêm width và height thuộc tính nếu bạn muốn đổi kích thước biểu tượng

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