在上面的样例介绍中,大家展示了如何使用标签来实现上标效果,而且也用了样式选择器 :sub 来设置下标文本的样式,将它的颜色修改为浅灰色(#999)。 总结一下,CSS 下标和上标都是一种很有用的文本效果,它们可以使大家更好地传达化学、数学等概念和注释等信息。通过灵活使用 HTML 标签和 CSS 样式选择器,大家可以为大家的网页和应用程序提供许多惊人的新特性和应用场景。在数学中,x 的平方可以表示为 x2,同样的,x 的 n 次方可以表示为 xn。
sup { font-size: 10px; vertical-align: super; } p:sub { color: #999; }
首页 >
css 下标sub |tab 导航 css
loading动画css,css边框粗细代码,css设置hover 无效,不随网页滚动CSS声明,css 元素垂直居中的方法,css3动画data调用,tab 导航 csssub {
font-size: 10px;
vertical-align: sub;
}在上面的例子中,大家使用了标签来实现下标效果。为了使下标看起来更小并向下移动,大家使用了包裹了 “2”,并在 CSS 样式表中设置了它的字体大小为10像素,同时设置垂直对齐方式为下对齐(sub)。
除了标签外,CSS 也提供了 :sub 样式选择器,您可以直接使用它来为元素设置下标样式,如下所示: