这是一个关于 JSFiddle 的演示和一个片段：

.numberCircle {

    border-radius: 50%;

    width: 36px;

    height: 36px;

    padding: 8px;



    background: #fff;

    border: 2px solid #666;

    color: #666;

    text-align: center;



    font: 32px Arial, sans-serif;

}


<div class="numberCircle">30</div>

我的回答是一个很好的起点，其他一些答案为不同的情况提供了灵活性。