Question

我的小网站中的位置设置有点问题。

我想在七边形的角落设置所有7个圆圈。我创造了七边形：

polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);

但我不知道如何在七边形的7个角落放置7个圆圈。

为了更好地理解屏幕：

我的网页中1个角落= 1个圆圈

现在我创建了这个：

任何建议都会很好！对不起我的英语，我相信我的问题很明显。

Answer 1

首先创建一个包含所有圈子的父<div>，并将其position设置为relative。在此之后，请指定子<div>以将每个圆圈括在父级中，如下所示：

div.circle1 {
  position:absolute;
  top: 0; /*[Position relative to the parent]*/ 
  left:0; /*[Position relative to the parent]*/ 
}

根据七边形对齐设置每个div的属性，以便每个角都被一个圆圈占据。