CSS是一种样式表语言，可以对网页进行美化和排版。其中上标和下标是很常用的功能，下面我们来看看如何实现它们的样式。

上标可以用sup标签来实现，它代表着“superscript”即上标，而下标则可以用sub标签来实现，代表着“subscript”即下标。以下是CSS样式如何为它们添加上下标：

sup {
vertical-align: super;
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
}

在上面的代码中，vertical-align属性和值被用来控制上下标的垂直对齐方式，super和sub分别表示相对于当前行的上方和下方。同时，为避免上下标过大影响排版，font-size属性被设置为smaller，即比正常字体稍小一点。

最后，对sup和sub标签应用这个样式即可实现上下标的效果。例如：

E = mc2H2O

上下标是很有用的排版功能，在科学、数学等领域都得到广泛应用。通过CSS样式的设置，我们可以轻松地实现上下标的效果，为网页的美观和美观度增添一份力量。