[英]How to set position of circles in corners of heptagon in CSS
I have a little problem with correct set of position in my little website. 我在我的小型网站中的正确位置设置有一些问题。
I would like to set all 7 circles in corners of heptagon. 我想将所有7个圆都设置在七边形的角上。 I create heptagon shape:
我创建七边形:
polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
But i don't know how to place 7 circles in 7 corners of this heptagon. 但是我不知道如何在这个七边形的7个角上放置7个圆。
For better understand look at screen: 为了更好地了解屏幕:
http://i.imgur.com/b5J8Qje.jpg http://i.imgur.com/b5J8Qje.jpg
1 corner = 1 cirle in my webpage 我的网页中有1个角= 1个圆
Now i create this: 现在我创建这个:
http://allekod.com/hmsol/ http://allekod.com/hmsol/
Any advices will be good! 任何建议都会很好! Sorry for my English, i belive my problem is understable.
对不起,我的英语,我相信我的问题很不稳定。
First create a parent <div>
enclosing all the circles and set its position
to relative
. 首先创建一个封闭所有圆的父级
<div>
,并将其position
设置为relative
。 After that, specify child <div>
for enclosing each circles within the parent as follows: 之后,指定子
<div>
以便将每个圆括在父中,如下所示:
div.circle1 {
position:absolute;
top: 0; /*[Position relative to the parent]*/
left:0; /*[Position relative to the parent]*/
}
Set the properties for each div as per the heptagonal alignment so that each corner is occupied by a circle. 根据七边形对齐设置每个div的属性,以使每个角都被一个圆占据。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.