https://stackoverflow.com/questions/51697207/zig-zag-border-for-a-circle

可以使用CSS的border属性和clip-path属性来实现带锯齿形边框圆圈的效果。以下是一个简单的示例：

HTML代码：

CSS代码：

.circle {
width: 100px;
height: 100px;
border: 2px solid black;
border-radius: 50%;
clip-path: polygon(0% 0%, 50% 50%, 0% 100%, 100% 100%, 100% 0%, 50% 50%);
}
解释一下代码：

首先，设置一个宽高为100px的圆圈。
使用border属性设置圆圈的边框样式和宽度。
使用border-radius属性将圆圈变成圆形。
使用clip-path属性将圆圈裁剪成锯齿形状。clip-path属性值使用polygon函数定义，函数参数为一系列点坐标，多个点坐标之间用逗号隔开，最后一个点坐标和第一个点坐标可以不同，表示不封闭。在这个示例中，我们设置了六个点，形成一个六边形，最后使用CSS的border-radius属性将它变成圆形。这个锯齿形状的实现依赖于多边形的绘制，可以自行调整坐标参数，改变锯齿的数量和形状。
以上就是一个简单的带锯齿形边框圆圈的实现方法。