css中字体下标 |led 效果 css

css代码壁纸，css动画制作步骤，css中如何文字缩进，jquery按钮点击事件css，css写苹果计算器，css 选择器的权重，led 效果 css css中字体下标 |led 效果 css

.subscript {
font-size: 12pt;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;   
margin: 0 auto;
}
.subscript sub {
font-size: smaller;
vertical-align: sub;
}

在以上代码中，.subscript是用来设置字体样式的，sub则是用来设置下标的样式的。首先，大家设置了字体大小、粗细、大写以及文字之间的间距等样式。接下来，大家使用sub属性来设置下标的样式，其中font-size:smaller用于设置下标字体大小为原始字体的较小值，vertical-align:sub用于将下标与原始文本的基线对齐，从而实现下标的效果。

使用上述代码，大家可以在HTML中使用<p>标签来实现下标效果，例如：

<p>H<sub>2</sub>O</p>

以上代码会在页面中显示为H₂O，其中2就是下标。