<html> <head> <title>test 表格無邊框,有內框! ^^ CSDN 學習積累</title> <style type="text/css"> #table {border:none;width:100%;} #table td {border-bottom:1px solid #000;border-right:1px solid #000;} #table td.two {border-right:none;} #table td.thr {border-bottom:none;} </style> </head> <body> <table id="table" cellpadding="0" cellspacing="0"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="two"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="two"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="two"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="two"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="two"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="two"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="two"> </td> </tr> <tr> <td class="thr"> </td> <td class="thr"> </td> <td class="thr"> </td> <td class="thr"> </td> <td class="thr"> </td> <td class="thr"> </td> <td class="thr"> </td> <td class="two thr"> </td> </tr> </table> </body> </html>
只要在每一行的最后一列加一個two,再在最后一行的所有列加上thr就行了，用法很簡單