在CSS中，我們常常使用圖標(biāo)來美化我們的頁面，不過有時我們需要將圖標(biāo)作為下標(biāo)使用。那么CSS中的圖標(biāo)可以下標(biāo)嗎？

答案是肯定的，CSS中的圖標(biāo)可以很容易地被設(shè)置為下標(biāo)，方法是通過text-decoration和vertical-align屬性的組合實現(xiàn)。

.icon {
font-family: FontAwesome; /* 根據(jù)自己所選的圖標(biāo)庫，替換字體庫的名稱 */
text-decoration: none;
vertical-align: sub;
}

在上面的代碼中，我們使用了Font Awesome圖標(biāo)庫的圖標(biāo)作為例子。我們將文本裝飾設(shè)為無，因為我們不想顯示任何下劃線或刪除線。然后使用vertical-align屬性將圖標(biāo)垂直對齊為“sub”，這會將圖標(biāo)下移一個位置，跟文本下標(biāo)對齊。

在實際使用中，只需要給想要下標(biāo)的文本加上相應(yīng)的類名即可實現(xiàn)下標(biāo)效果。

總的來說，CSS中的圖標(biāo)可以很容易地作為下標(biāo)使用，我們只需要將text-decoration設(shè)為none，然后將vertical-align設(shè)為sub即可。這種方法適用于大多數(shù)的圖標(biāo)庫，只需根據(jù)圖標(biāo)庫改變一下字體名稱即可。