#id{width:100%height:100%}
#main>div{
float:leftwidth:33.3%height:33.3%
line-height:33.3%text-align:center
}
html:
<div id='main'>
<div></div>
<div></div>
<div></div>
</div>
外面一个大框 大框上边和左边的线为1px黑色大框里面写<ul><li>三行三列共9个<li>紧密排列好。宽高都设定一样。一定和外大框配合好。每个<li>敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。
不知道你能不能弄明白，如果不行的话，请Hi我，祝你好运。
<div id="">
<ul>
<li></li><li></li><li></li>
<li></li><li></li><li></li>
<li></li><li></li><li></li>
</ul>
</div>
