css - 设计后使用 CSS 创建虚线对象

Question

我正在尝试使用 HTML5 和 CSS3 对我的更多设计进行编码，但我很想知道其中一些对他们的对象做了什么。我想知道如何使用所有 CSS 复制此图像，最好是在一个类中，如果可以的话。执行此操作的最佳方法是什么？

Answer 1

这将是获得该效果的 css:

div{
  width: 200px;
  height: 200px; 
  border: 2px dashed black;
  margin: 100px;
  border-radius: 50%;
  }
  div:after{
  content: ' ';
  display: block;
  margin: -10px;
    width: 215px;  height: 215px; 
  border: 2px dashed black;
  transform:rotate(16deg);
  border-radius: 50%;

  }