border with dashes
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
// alert('Hello world!');
<!-- content to be placed inside <body>…</body> -->
<div>
/**
* border with dashes
*/
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%;
}