表格的数据，一般使用表格来组织，因为表格具有得天独厚的条件。或许有的数据并不是表格式的数据，还有着其它的用法，那么我们也就可以用ul、li来实现表格形式的布局。
首先分析一下如何制作：li是固定的宽度与高度（单元格），设置li在ul中浮动，当ul不够宽的时候，li就会自动另起一行排列（一行有多少列通过计算即可得到ul的
宽度，如一行四列，一列宽100px，那ul宽就是400px加上一定的边距）。这样实现了类似于表格的效果，HTML代码的编写：
一个无序列表表格，前四个列表项我们赋予了类biaotou。因为这四个项是表格头部，应该与表格数据有所区别。所以单独赋予了类，方便控制。
CSS代码的编写：
CSS整体布局声明，边距为零，填充为零，文字大小为12px，文字颜色为黑色#000；
ID为biaoge的ul的CSS编码，宽度为405px（一列100px*4列 li的边距），上下边距为50px，左右为自动，实现水平居中对齐。
对各个列表项li（即单元格）进行样式定义，设置列表项预设标记为无，宽度与高度分别是100px、30px，为了让文字垂直居中于li中，设置行高为30px，文字水平居中。设
置为向左浮动，并且左边距与底边距均为1px，实现了简单的表格线的效果。（假如设计成border的表格线，很多CSS HACK很难控制与调整，非凡是FF中极不正常，不建议使用
border来实现这类ul li实现表格线的定义！）设置背景色为浅灰色#ccc。
我们设置四个“表头”li的背景色为深灰色#999，与其它的li区别开来。我们的样式定义基本就完成了。你可以对它进行一些其它的美化。
最后我们再次声明，表格类的数据最好是用表格来实现，符合WEB标准不必拘泥于完全不用表格，只是在适当的情况下，可以使用此案例的方法来实现类似于表格的布局。