在網(wǎng)頁(yè)設(shè)計(jì)中，很多時(shí)候我們需要對(duì)一些文字進(jìn)行上標(biāo)注（superscript），以引用文獻(xiàn)、單位或化學(xué)式等內(nèi)容。那么，如何使用CSS來(lái)實(shí)現(xiàn)這個(gè)效果呢？ 我們可以使用CSS中的“vertical-align”屬性。將該屬性的值設(shè)置為“super”，就可以實(shí)現(xiàn)上標(biāo)注的效果了。 下面是示例代碼：

p {
font-size: 16px;
line-height: 1.5;
}
sup {
font-size: 0.7em;
vertical-align: super; 
}

上面的代碼中，我們首先為“p”標(biāo)簽設(shè)置了一些基本樣式，包括字體大小和行高。然后，我們?yōu)椤皊up”標(biāo)簽設(shè)置了上標(biāo)注的樣式，其中“font-size”屬性設(shè)置了上標(biāo)注的字體大小，而“vertical-align”屬性則設(shè)置了垂直對(duì)齊方式為上標(biāo)注。 接下來(lái)，在需要使用上標(biāo)注的地方，我們只需要在相應(yīng)的文本外面包裹一個(gè)“sup”標(biāo)簽即可，例如：

海平面升高了³厘米。

上述示例代碼中，“sup”標(biāo)簽將數(shù)字“3”顯示為上標(biāo)注的形式，效果如下： 海平面升高了3厘米。 當(dāng)然，這只是一個(gè)簡(jiǎn)單的示例，實(shí)際使用中我們還可以通過(guò)設(shè)置不同的字體大小、顏色等屬性來(lái)實(shí)現(xiàn)更好的上標(biāo)注效果。