不是专业搞前端的,这是最简陋的
直接标签解决。。
以防自己忘记,做个记录
1.sup标签:定义上标文本-------
注:sub标签:定义下标文本
截图:
源码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户界面</title>
<style>
.message-count {
font-size: 20px;
background-color: #ff5029;
color: #fff;
border-radius: 25px;
height: 12px;
</style>
</head>
<body>
<div id="">
<img src="img/touxiang.jpg" style="height:45px;float:left;">
</div>
<sup class="message-count">5</sup>
</body>
</html>