Html境界線の表の終わり

Question

何が間違っているのか分かりません。私は崩壊を試みたが成功しなかった。誰がこれが何で、なぜそれが起こるのかを知っていますか？ このような私のテーブル構造：これはfiddleある

：

<thead> 
    <tr> 
    <th>1</th> 
    <th>2</th> 
    <th>3</th> 
    <th>6</th> 
    <th>5</th> 
    <th>6</th> 
    <th>7</th> 
    <th>8</th> 
    <th>9</th> 
    <th>10</th> 
    <th>11</th> 
    <th>12</th> 
    </tr> 
</thead> 
<tbody> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
    <td>11</td> 
    <td>12</td> 
</tbody> 

CSSはちょうど下に、この絵のようにborder-bottom: 1px solid "color code"を持っています。本当の問題解決者が立ち上がってください！

すべての罫線は完全ではありません。そしてこの写真のような境界線。セル間の間隔を削除する

Answer 1

二つの方法：CSSを追加

<table border="0" cellspacing="0" cellpadding="0">

：

table { 
    border-collapse: collapse; 
} 

OR：

を

1. としてtableを定義します。

   table {    
       border-spacing: 0; 
   } 
   

JSFiddle：https://jsfiddle.net/sahero/wngu28m4/1/