CSS的同心圆

有没有人知道如何使用CSS绘制像RAF符号(同心红色,白色和蓝色圆圈)的同心圆？

你可以制作3个同心圆:

一个要素

border-radius:50%; 使形状圆

填充和background-clip:content-box;红色和蓝色圆圈之间的白色间隙

外部蓝色圆圈的边框

div{
    width:80px;
    height:80px;
    border-radius:50%;
    background-color:#CE1126;
    background-clip:content-box;
    padding:40px;
    border:40px solid #00247D;
}