HTML中的按钮内的图标

Dam*_*mir 5 html

我需要在HTML中的按钮内放置小图标(例如我需要在我的网站上有facebook按钮,在按钮第一个F图标内,然后是"facebook").怎么做 ?

Que*_*tin 13

<button><img src="facebook.png" alt=""> Facebook</button>
Run Code Online (Sandbox Code Playgroud)


Ale*_*lec 7

.facebook-button {
  background: url('https://2.bp.blogspot.com/-lFFvYHv-Z8w/WAOFS0P5FdI/AAAAAAAAF68/Aiv0D5NkUKIbL3_6G42LZm1iQ6co1tmgACLcB/s320/facebook-16px.png') left center no-repeat;
  padding-left: 15px;
}
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html>

<body>
<input type="button" class="facebook-button" value=" Facebook" />
</body>
</html>
Run Code Online (Sandbox Code Playgroud)