CSS已經(jīng)成為了網(wǎng)頁設(shè)計中必不可少的語言，并且在我們的日常生活中越來越得到廣泛地應(yīng)用。其中，button按鈕是十分常見的網(wǎng)頁元素之一，而button按鈕上的圖標(biāo)，可以使頁面看起來更加美觀，同時也可以增強(qiáng)用戶對網(wǎng)頁元素的認(rèn)知度。

CSS提供了多種方式來在按鈕上添加圖標(biāo)。下面，我們就來介紹一下最常用的幾種方法。

/*第一種方法：使用background-image*/
button {
background-image: url("圖標(biāo)路徑");
background-repeat: no-repeat;
background-size: cover; /*根據(jù)按鈕寬高自適應(yīng)*/
}
/*第二種方法：使用:before偽元素*/
button:before {
font-family: "Font Awesome";
font-size: 18px;
content: "\f054"; /*Font Awesome中的對應(yīng)編碼*/
margin-right: 5px;
}
/*第三種方法：使用標(biāo)簽*/按鈕文字

使用這些方法，我們就可以輕松地給按鈕添加圖標(biāo)，使頁面看起來更加美觀、易于識別。不同的方法適用于不同的場景，根據(jù)具體情況選擇使用。