CSS下標代碼是CSS的一種方便的特性，它可以為文本中的字符添加下標樣式。

p {
font-size: 16px;
line-height: 1.5;
color: #333;
margin-bottom: 20px;
}
sub {
font-size: 10px;
line-height: 1;
vertical-align: baseline;
position: relative;
bottom: -0.5em;
}

在上面的代碼中，我們定義了一個基礎的段落樣式，然后定義了一個sub的偽元素樣式，用于將文本中的字符變成下標樣式。

在HTML中使用下標代碼非常簡單，只需要在需要下標效果的字符處使用<sub>標簽即可。

<p>這是一個包含下標的句子:<br>
H<sub>2</sub>O是水的化學式。</p>

上面的代碼會在文本中將字符2變成下標樣式。

除了<sub>標簽外，CSS還提供了<sup>標簽，用于添加上標樣式。使用方法與<sub>類似，只需要將標簽名換成<sup>即可。

需要注意，在使用下標和上標樣式時，可能會對文本的可讀性造成一定的影響，因此需要根據具體的需求和設計要求進行使用。