css怎么实现圆形缺个角？-灵析社区

笑面猫

![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/3356ac029498776b17faa2b5902846a2.png) 如上图所示，缺口角大概60度左右，这种要怎么实现？

阅读量：21

点赞量：0

问AI
CSS的渐变色背景来实现就好了。 "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241210/cd6320b5bde86f6b0865b1224870aa51.png) // 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)