如图这种CSS怎么写？谁给点思路

很简单。
3个大的div，设置同一个大小，分别在里面套一个小的div，第一个用居中，
第二个 套2个div，一个左浮动，一个右浮动。
第三个。套一个div，然后居中。
明白了么。

楼主有代码、能分享一下不

谢谢大家已经做好了。 代码供大家参考
<div class="center-box">
<div class="topimg"><a href="#" target="_blank"><img src="../images/index_27.gif"></a></div>
<div class="contimg_l"><a href="#"><img src="../images/index_35.gif"></a></div>
<div class="contimg_r"><img src="../images/index_37.gif"></div>
<div class="footimg"><img src="../images/index_41.gif"></div>
</div>
这是CSS代码
.center-box {
height: 350px;
width: 530px;
position: relative;
clip: rect(0px,auto,0px,auto);
margin: 0px auto;
float: right;
.topimg {
height: 108px;
width: 108px;
left: 216px;
top: 0px;
background: #0F6;
position: absolute;
contimg_l {
height: 108px;
width: 108px;
position: absolute;
left: 108px;
top: 108px;
background: #F00;
.contimg_r {
height: 108px;
width: 108px;
position: absolute;
top: 108px;
right: 98px;
background: #366;
.footimg {
height: 108px;
width: 108px;
left: 216px;
top: 216px;
background: #0F6;
position: absolute;