css - 网页中有些图片的不规则布局该怎么做呢？

Question

这种布局有点像一个风车，logo标志在中间，其余的图片就像叶片一样环绕在周围。
如果设计师交给你这样一个布局，你会用css怎么布局呢？

Answer 1

Use position~

Answer 2

This can only be used with positioning

Answer 3

直接给你贴代码
<p class="fatherbox">
<p class="box box1"></p>
<p class="box box2"></p>
<p class="box box3"></p>
<p class="box box4"></p>
<p class="box box5"></p>
</p>
css:
.fatherbox{

    position: relative;
    width: 600px;
    height: 600px;
}
.box{
    position: absolute;
}
.box.box1{
    left:0px;
    top:0px;
}
.....
.box.box5{
    left:对应着调;
    top:对应着调;
}