设计后用CSS创建虚线对象

我正试图用HTML5和CSS3为我的设计编写更多的代码，但我很想知道一些人对他们的对象做了什么。我想知道如果可以的话，我如何用所有CSS复制这个图像，最好是在一个类中。做这件事的最佳方法是什么

---

您应该为此使用图像。gif、png或svg

虽然css在技术上可以使用border:spash和高边框半径，但我不推荐使用它，因为不同的浏览器实现虚线边框的方式不同。没有设置浏览器渲染引擎如何渲染此内容。您还需要两个div并旋转其中一个

值得注意的是，Firefox和android浏览器将完全无法正确显示这一点。例如，当使用角半径时，Firefox将在圆角上显示一条实线（不是虚线）

---

我最近制作了一个可视化css生成器，它可以很快地显示这一点-尝试在不同的浏览器中使用不同的设置。

这将是获得这种效果的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%;

  }

---

那么在设计对象/元素时，人们是使用浏览器标识符来调用图像还是调用代码呢？不，这会使事情变得过于复杂。只需在所有情况下使用图像，那么您的代码将保持不变，无需浏览器识别或黑客攻击。