效果如图：
直接上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>圆圈数字</title>
<style type="text/css">
.num_style{
border-radius:50%;
height:13px;
width:13px;
display:inline-block;
background:#FFFFFF;
line-height: 13px;
text-align: center;
border: 1px solid black;
white-space: nowrap;
/*给外边框内距限制数字的位置*/
padding: 1px 3px 1px 1px;
font-size: 12px;
transform: scale(0.80);
}
</style>
</head>
<body>
<span class="num_style">1</span>
</body>
</html>
感觉有用的点个赞那
*✧⁺˚⁺ପ(๑･ω･)੭ु⁾⁾ 好好学习天天向上
因篇幅问题不能全部显示，请点此查看更多更全内容