使用角向渐变 conic-gradient
.pie{ width: 200px; height:200px; border-radius: 50%; background: conic-gradient(#2ecc7e 0 30%,#ABCDEF 30% 60%,pink 60% 100%); }
.pie{ width: 200px; height:200px; border-radius: 50%; background: conic-gradient(#2ecc7e 0 30%,#ABCDEF 30% 60%,pink 60% 100%); }