css模拟表格效果

1. 模拟表格效果，在IE6,IE7,IE8,firefox,Opera下测试通过

   虽然不推荐用这种方式来模拟表格,但是确实可以做到.

2. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. < html xmlns ="http://www.w3.org/1999/xhtml" >
4. < head >
5. < meta http-equiv ="Content-Type" content ="text/html;charset=utf-8" />
6. < title > DIV+CSS模拟表格效果-bykoyoz.com</ title >
7. < style type ="text/css" >
8. *{margin:0;padding:0}
9. #main{margin:100px00200px}
10. #mainul{width:520px;height:165px;list-style:none}
11. #mainli{border-left:1pxsolid#ccc;border-top:1pxsolid#ccc;float:left;width:102px;height:33px;text-align:center;line-height:33px}
12. #mainli.b{border-bottom:1pxsolid#ccc}
13. #mainli.r{border-right:1pxsolid#ccc}
14. </ style >
15. </ head >
17. < body >
18. < div id ="main" >
19. < ul >
20. < li > 11</ li >
21. < li > 11</ li >
22. < li > 11</ li >
23. < li > 11</ li >
24. < li class ="r" > 11</ li >
25. < li > </ li >
26. < li > </ li >
27. < li > </ li >
28. < li > </ li >
29. < li class ="r" > 11</ li >
30. < li > </ li >
31. < li > </ li >
32. < li > </ li >
33. < li > </ li >
34. < li class ="r" > 11</ li >
35. < li > </ li >
36. < li > </ li >
37. < li > </ li >
38. < li > </ li >
39. < li class ="r" > 11</ li >
40. < li class ="b" > </ li >
41. < li class ="b" > </ li >
42. < li class ="b" > </ li >
43. < li class ="b" > </ li >
44. < li class ="br" > 11</ li >
45. </ ul >
46. </ div >
47. </ body >
48. </ html >