小编Sha*_*m81的帖子

我正在使用border-radius: 50%;和在CSS中创建一个半透明的圆圈border: 400px solid rgba(255, 255, 255, .5);。

在这个圆的周围，我希望有另一个完全透明的边界（例如10个像素），而又想有另一个半透明的边界（10个像素）。

这是我创建圈子的方式：

div.circle {
  background: rgba(255, 255, 255, .5);
  height: 400px;
  width: 400px;
  border-radius: 50%;
  margin: auto;
  margin-top: 10px;
}

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

我需要怎么做才能在现有边界周围创建另一个边界，然后再创建另一个边界？