html按钮如何添加图标

在HTML中，可以使用`标签结合CSS来添加图标。需要在HTML中添加一个标签，并为其添加一个类名，如icon-class。在CSS中为该类名添加样式，如设置背景图片为图标。将标签嵌套在`标签内。

在HTML中，我们可以使用

```

2、添加图标

我们可以使用CSS的::before或::after伪元素来添加图标，我们可以使用Font Awesome库中的图标：

```html

```

然后在CSS中添加以下代码：

```css

#myButton::before {

content: "\f0c8"; /* 这是Font Awesome中的一个图标代码 */

font-family: FontAwesome;

/* 其他样式，如位置、大小等 */

}

```

3、调整样式

我们可以根据需要调整图标的位置、大小等样式。

```css

#myButton::before {

content: "\f0c8";

font-family: FontAwesome;

position: absolute;

left: 5px;

top: 50%;

transform: translateY(-50%);

font-size: 20px;

}

```

这样，我们就成功地在HTML按钮上添加了一个图标。