CSS提供了許多文本樣式，其中之一就是上標(biāo)和下標(biāo)。上標(biāo)和下標(biāo)是將文本的部分文字放在基線上方或下方的方法。在數(shù)學(xué)、化學(xué)和物理領(lǐng)域，上標(biāo)和下標(biāo)是非常常見的，例如在指數(shù)和化學(xué)式中。以下是一些CSS代碼示例，幫助您將文本中的上標(biāo)或下標(biāo)應(yīng)用到您的網(wǎng)站中。

上標(biāo)的CSS代碼：
sup {
font-size: smaller;
vertical-align: super;
}
下標(biāo)的CSS代碼：
sub {
font-size: smaller;
vertical-align: sub;
}

對(duì)于上標(biāo)，您需要將字體大小設(shè)置為“smaller”，并通過(guò)垂直對(duì)齊屬性將其放在基線上方。類似地，對(duì)于下標(biāo)，您需要將字體大小設(shè)置為“smaller”，并通過(guò)垂直對(duì)齊屬性將其放在基線下方。

在HTML中，您可以使用標(biāo)記來(lái)標(biāo)記上標(biāo)和下標(biāo)。例如，在以下化學(xué)式中，您可以使用標(biāo)記為“H₂O”和“CO₂”：

化學(xué)式的HTML代碼：
H2O + CO2→ H2CO3

在這個(gè)例子中，標(biāo)簽被用于下標(biāo)。你可以看到H₂顯示為“H2”，CO₂顯示為“CO2”，而較小文本的文本也被正確地下對(duì)齊到基線。

在網(wǎng)站設(shè)計(jì)中，上標(biāo)和下標(biāo)是另一種美化文本的方法。在文字中插入這些元素不僅可以增強(qiáng)文字的可讀性，還可以使頁(yè)面變得更加豐富和有趣。使用上述的CSS代碼和標(biāo)記可以輕松地將上標(biāo)和下標(biāo)應(yīng)用到您的網(wǎng)站中。