HTML+CSS实现圆圈里面有个数字

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/waa_0618/article/details/80743328
<span style="border-radius: 50%;    height: 20px;    width: 20px;    display: inline-block;    background: #f30303;      vertical-align: top;">  
      <span style="display: block;    color: #FFFFFF;    height: 20px;    line-height: 20px;    text-align: center"> 12</span>  
 </span>

效果图:
这里写图片描述

猜你喜欢

转载自blog.csdn.net/waa_0618/article/details/80743328