width: 200px;

height: 200px;

border-radius: 50%;

border: 1px solid #00caf5;

box-shadow: 0 0 0 10px rgba(255,255,255,0.8) inset;

background: radial-gradient(circle,#00caf5 9px,transparent 10px),

            repeating-radial-gradient(ellipse,#00caf5 0,#00caf5 4px,transparent 5px,transparent 20px,#00caf5 21px,#00caf5 25px,transparent 26px, transparent 50px),

            #fff;

background-size: 30px 30px,90px 90px;

————————————————

原文链接：https://blog.csdn.net/wjnf012/article/details/80263323