在HTML/CSS Jquery中创建一个漂亮的计数器圆圈

<div id="counter"></div>

#counter {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #f2f2f2;
  border: 2px solid #ccc;
  text-align: center;
  line-height: 100px;
  font-size: 24px;
  color: #333;
}

$(document).ready(function() {
  var count = 0;
  
  // 点击按钮增加计数器值
  $('#increase').click(function() {
    count++;
    $('#counter').text(count);
  });
  
  // 点击按钮减少计数器值
  $('#decrease').click(function() {
    if (count > 0) {
      count--;
      $('#counter').text(count);
    }
  });
});