html像这样的效果怎么做出来

<div style="border:1px solid #369margin-top:100pxpadding:1pxwidth:330">

<div style="margin:2pxborder:1px solid #369float:left">

<img src="l.jpg" />

</div>

<div style="float:left">

<img src="a.jpg" style="display:blockborder:1px solid #369margin:1px"/>

<img src="b.jpg" style="display:blockborder:1px solid #369margin:1px"/>

<img src="c.jpg" style="display:blockborder:1px solid #369margin:1px"/>

</div>

<div style="clear:both"></div>

</div>

<div style=" background:#EEEEEEwidth:autoheight:28px">

<table cellspacing="0" cellpadding="0" border="0" style=" margin-right:50pxmargin-top:4px">

<tbody>

<tr>

<td width="800">

<td width="66" height="17px" align="right">

<a href="#" style="font-size:12pxcolor: #333">设为首页<img src="1.png" /></a>

</td>

<td width="80" height="17px" align="right">

<a href="#" style="font-size:12pxcolor:#333">收藏本站<img src="2.png"/></a>

</td>

</tr>

</tbody>

</table>

</div>

---