Document div { width: 200px; height: 200px; background: radial-gradient(closest-side circle, royalblue 99%, transparent 100%) center top/25% 25% no-repeat, conic-gradient(transparent 10%, royalblue 90%); -webkit-mask: radial-gradient(closest-side circle, transparent 50%, red 51% 99%, transparent 100%); }  更多参看: >