首页 > 网页中有些图片的不规则布局该怎么做呢?

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

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


这种只能用定位


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

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

用position定位吧~

【热门文章】
【热门文章】