📅 最后修改于: 2023-12-03 15:25:27.229000 🧑 作者: Mango
在 Android 中使用 HTML 的 Button 元素时，可以通过添加图标来美化它。在本文中，将介绍如何使用带有图标的按钮 Android - Html。
在使用带有图标的按钮之前，需要先引入一个外部字体库。推荐使用 Font Awesome，它是一个非常流行的字体库，拥有丰富的图标资源。
引入 Font Awesome 的方法如下：
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
将上面的代码放在 <head> 标签中即可。
在引入外部字体库之后，就可以使用带有图标的按钮了。代码如下：
<button class="btn">
<i class="fa fa-info-circle"></i> Info
</button>
在上面的代码中，使用了 Font Awesome 的 fa-info-circle 图标来代替了按钮的文本内容。按钮的样式被设置为 btn 类。
如果想要更改图标的大小，可以使用 fa-lg、fa-2x、fa-3x、fa-4x、fa-5x 等类来设置。
除了 fa-info-circle 外，还可以使用其他的图标来代替按钮的文本内容。Font Awesome 中共有 1500 多个图标可供选择。
例如，可以使用 fa-envelope 图标来创建一个发送邮件的按钮：
<button class="btn">
<i class="fa fa-envelope"></i> Send
</button>
如果想要自定义带有图标的按钮的样式，可以通过修改样式表来实现。
例如，可以将按钮的背景色修改为蓝色：
.btn {
background-color: blue;
color: white;
border: 1px solid blue;
}
带有图标的按钮 Android - Html 可以让你的应用程序看起来更加专业和美观。通过了解如何添加 Font Awesome 字体库和使用不同的图标，你可以轻松地创建自己的带有图标的按钮，并且可以通过自定义样式表来调整按钮的外观。