Question

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

Answer 1

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

Answer 2

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

<!DOCTYPE html>
<html>

<body>
<input type="button" class="facebook-button" value=" Facebook" />
</body>
</html>

Answer 3

使用图像的路径名称添加以下数据

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

如果要调整图标大小，请添加宽度和高度属性

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

HTML中的按钮内的图标

3 个答案: