利用CSS的conic-gradient属性绘制饼图的比率显示效果2020-03-28 在支持conic-gradient属性的浏览器上绘制饼图的比率显示效果非常简单,直接一句话就行: div { border-radius: 50%; width: 300px; height: 300px; background: conic-gradient(deeppink 20%, #fb3 0, #fb3 30%, yellowgreen 0, yellowgreen 60%, gray 0); } 显示效果如下: