在網頁設計中，我們經常需要使用一些特殊顯示效果來豐富頁面的視覺效果和信息呈現。比如，當我們需要在文章中顯示一些特殊符號、數學公式或者化學式時，就需要使用到文字上標的效果。那么，CSS如何實現文字上標呢？下面我們來看一下。

sup{
vertical-align: super;
font-size: 0.8em;
}

在上面的代碼中，我們使用了CSS的vertical-align屬性來實現文字上標的效果。其中，super參數指定了上標的位置。另外，我們還設置了font-size屬性，以改變上標文字的大小。

接下來，我們來看一個具體的例子：

張三的體重是65kg2

在上面的代碼中，我們將2作為上標的字符，使用span標簽來包裹。接下來，我們在CSS中對sup選擇器進行樣式設置，即可實現文字上標效果：

sup{
vertical-align: super;
font-size: 0.8em;
}
span{
position: relative;
top: -0.5em;
}

在上面的代碼中，我們首先對sup選擇器進行樣式設置，然后又為span標簽設置了position屬性和top屬性，以調整上標的位置。

總的來說，CSS實現文字上標的方法比較簡單，只需要設置vertical-align屬性即可。同時，我們還可以通過font-size屬性、position屬性等方法，對上標效果進行進一步調整。希望這篇文章能對大家有所幫助！