CSS 添加上标

心彻IP属地: 浙江

2016.01.20 14:37:46字数 184阅读 10,017

有两种方式：
一、添加上标元素
1、使用元素
1.1、HTML代码：
好好学习，天天向上热
1.2、CSS代码：
无需CSS代码。
1.3、效果图：
好好学习，天天向上热

2、使用vertical-align的super值
2.1、HTML代码：
好好学习，天天向上热
2.2、CSS代码：
.hot{vertical-align:super}
2.3、效果图：
好好学习，天天向上热

二、使用after伪类实现
HTML代码：
<div id="hotTxt">好好学习，天天向上</div>

CSS代码：
#hotTxt span:after{position: relative; top: -4px; content: attr(hotTag);}
效果图：
好好学习，天天向上热