html可以给按钮设置图标吗

关于HTML可以给按钮设置图标吗？这是一个经常被问到的问题。在HTML5中，设置按钮图标变得更加容易了。我们可以使用CSS中的content属性来实现。下面我们来看看具体的实现方法。

.button:before{
    content: url(icon.png);
}

在上述的代码中，我们使用了:before伪类来为按钮添加图标。其实，这个伪类的作用就是在按钮前面添加了一个元素，然后通过content属性来展示icon.png。可以看出，设置图标非常简单，只需要将图片的路径和文件名写入content属性即可。

当然，我们也可以使用其他的图标或者字体来替代图片。比如，我们可以使用Font Awesome字体库中的图标（需要引入标签来引入字体文件）：

.button:before{
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

在上面的代码中，我们使用了Font Awesome 5字体库中的图标来替代图片。可以看到，只需要调用对应的字体图标代码，设置相应的字体库和字重就可以了。

综上所述，HTML中可以很容易地给按钮添加图标。只需要利用CSS的content属性，为按钮添加:before伪类，并设置相应的图标路径及其它相关属性即可。同时，我们也可以使用字体图标来设置按钮图标，这样可以使页面的加载速度更快。