CSS绘图：环

background:

radial-gradient(

circle, transparent, transparent 60px, #B7CD73 60px, #B7CD73 70px,#EDFCE2 70px, #EDFCE2 80px, #fff 80px, #fff 90px, #DBEAAD 90px,#DBEAAD 100px, #7D903F 100px, #7D903F 110px,#fff 110px, #fff 120px, transparent 90px, transparent),

radial-gradient(

circle, transparent, transparent 60px, #B7CD73 60px, #B7CD73 70px,#EDFCE2 70px, #EDFCE2 80px, #fff 80px, #fff 90px, #DBEAAD 90px, #DBEAAD 100px, #7D903F 100px, #7D903F 110px, #fff 110px, #fff 120px, transparent 90px, transparent) 90px 90px;

background-color: #DDE7D6;

background-size: 180px 180px;

预备知识: 线性渐变径向渐变复杂背景图案