CSS的渐变色背景来实现就好了。  // stylus div width 100px height 100px background conic-gradient(white 30deg, black 30deg) border-radius 50% transform rotate(90deg) [CSS 锥形渐变只能画圆锥吗?conic-gradient 10大应用举例](https://segmentfault.com/a/1190000043556783) [conic-gradient() - CSS:层叠样式表 | MDN](https://link.segmentfault.com/?enc=ubIxaWJKDNGyLblhtSIzzw%3D%3D.QORcgPihOIr2e82cECW3mtnrWpEn3dm2C3LEP%2Fjmlbewiw6u41%2B6TxRhcQE%2Fe8tqe5RmlVznu4ibgOzDeh6zAaFWvNllKRr8EYBy7a2Dz6k%3D)