1.每个格子都有边框 下面是有关HTML代码: <table id="thisTable" cellpadding="0" cellspacing="1"> <tr> <td class="Tableleft"> <div class="img"></div> </td> <td class="Tableright">1 </td> </tr> <tr> <td class="Tableleft"> </td> <td class="Tableright">2 </td> </tr> <tr> <td class="Tableleft"> </td> <td class="Tableright"> 3 </td> </tr> <tr> <td class="Tableleft"> </td> <td class="Tableright"> 4 </td> </tr> <tr> <td class="Tableleft"> </td> <td class="Tableright"> 5 </td> </tr> <tr> <td class="Tableleft"> </td> <td class="Tableright">6 </td> </tr> <tr> <td class="Tableleft"> </td> <td class="Tableright"> 7 </td> </tr> </table> 下面是有关css代码: #thisTable { empty-cells:show; table-layout: auto; border-collapse:separate; //使边框独立 background: #CBDBEC; //设置表格背 width:720px; } #thisTable td{ background:#FFFFFF;//设置每个单元格背景 }