CSS是設計網頁時一個非常重要的工具。有時候，我們需要在網頁中添加上下標，特別是在化學、數學等科學領域的網站中更常見。下面就讓我們來看一看CSS中如何操作上下標。

在CSS中，我們可以使用:nth-child偽元素來實現上下標。具體實現方法如下：

sup {
font-size: 0.6em; /* 用于調整上標大小 */
position: relative; /* 使用相對定位 */
top: -0.4em; /* 向上移動一定距離 */
}
sub {
font-size: 0.6em; /* 用于調整下標大小 */
position: relative; /* 使用相對定位 */
bottom: -0.4em; /* 向下移動一定距離 */
}

通過給上下標元素設置樣式，我們可以在網頁中添加上下標。下面是一個例子：

<p>化學式H2O表示水，CO2表示二氧化碳。NaCl是氯化鈉的化學式，其中Na為鈉的符號，Cl為氯的符號。</p>

通過以上代碼，我們可以在網頁中添加帶有下標的化學式，讓網頁更加生動、有趣。

上下標的應用場景非常廣泛，可以被運用在表格、數學公式、化學式等各個領域。掌握CSS中上下標的技巧，能夠為我們在網頁設計中增添更多的可能性。