CSS+HTML 生成不规则圆形

.circle {
  width: 200px;
  height: 200px;
  background-color: #ff4500;
  border-radius: 50%;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

• 'width' 和 'height' 属性设置圆形的大小为 200 像素。
• 'background-color' 属性设置圆形的背景颜色为橙色。
• 'border-radius' 属性设置圆形的边界半径为 50%，使其成为一个圆形。
• 'clip-path' 属性设置不规则形状的剪切路径。'polygon()' 函数接受一系列坐标，描述不规则形状的顶点。这个路径描述了一个顶点在圆形中心的菱形，因此是一个不规则的圆形。