小编Ser*_*y A的帖子

图片上的所有信息.我的第二个解决方案的代码:

<div class="content">
  <div class="circle">
  </div>
</div>

.content {
  width: 300px;
  padding: 50px;
  background: #3f63d3;
}

.circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 10px solid #fff;
  border-top-color: transparent;
  transform: rotate(45deg);
}

这是一个JSFiddle示例.有任何想法吗？

图片示例:

PS:图像上的红色圆圈 - 不是问题的一部分,它只是我正在谈论的一个示例:)