css做一个带数字的圆

.support-num{
  font-size: 20px;
  height:50px;
  line-height:50px;
  display:block;
  color:#ccc;
  text-align:center;
}

.support-circle{
  width:50px;
  height:50px;
  border: 2px solid #ccc;
  border-radius:25px;
}

width和height一样大，border-radius是width和height的一半

<div class="support-circle"> <span class="support-num">1</span></div>

 

转载于:https://my.oschina.net/fjwfjw/blog/690142