在網頁設計中，很多時候我們需要對一些文字進行上標注（superscript），以引用文獻、單位或化學式等內容。那么，如何使用CSS來實現這個效果呢？
我們可以使用CSS中的“vertical-align”屬性。將該屬性的值設置為“super”，就可以實現上標注的效果了。
下面是示例代碼：
p {
font-size: 16px;
line-height: 1.5;
}
sup {
font-size: 0.7em;
vertical-align: super;
}上面的代碼中，我們首先為“p”標簽設置了一些基本樣式，包括字體大小和行高。然后，我們為“sup”標簽設置了上標注的樣式，其中“font-size”屬性設置了上標注的字體大小，而“vertical-align”屬性則設置了垂直對齊方式為上標注。
接下來，在需要使用上標注的地方，我們只需要在相應的文本外面包裹一個“sup”標簽即可，例如：海平面升高了3厘米。
上述示例代碼中，“sup”標簽將數字“3”顯示為上標注的形式，效果如下： 海平面升高了3厘米。 當然，這只是一個簡單的示例，實際使用中我們還可以通過設置不同的字體大小、顏色等屬性來實現更好的上標注效果。