Почему мой стол не имеет строк строки?

Question

Я столкнулся с проблемой здесь, в моем коде. Я новичок в html и css, поэтому проблема заключается в том, что мой table не показывает строку между моими строками при открытии в браузере.

Вы можете увидеть результат здесь:

Вот часть моего кода:

<table class="table" border="1" style="background-color:#FFFFFF;border-collapse: collapse;;border:1px solid #000000;color:#000000;width:90%;" cellpadding="5" cellspacing="3"> 
    <th bgcolor="#545454">Header1</th> 
    <th bgcolor="#545454">Header2</th> 
    <th bgcolor="#545454">Header3</th> 
    <th bgcolor="#545454">Header4</th> 

    <tr> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
    </tr> 
    <tr> 
     <td bgcolor="#D1D1D1">Table Cell</td> 
     <td bgcolor="#D1D1D1">Table Cell</td> 
     <td bgcolor="#D1D1D1">Table Cell</td> 
     <td bgcolor="#D1D1D1">Table Cell</td> 
    </tr> 
    <tr> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
    </tr> 
    <tr> 
     <td bgcolor="#D1D1D1">Table Cell</td> 
     <td bgcolor="#D1D1D1">Table Cell</td> 
     <td bgcolor="#D1D1D1">Table Cell</td> 
     <td bgcolor="#D1D1D1">Table Cell</td> 
    </tr> 
</table> 

А вот мой CSS:

.table{ 
    background-color:#FFFFFF; 
    border-collapse: collapse; 
    border:1px solid #000000; 
    color:#000000;width:90%; 
} 

Answer 1

Стиль вашей тд тег

td 
{ 
border:solid 1px #000; 
border-collapse:collapse; 
} 

Hoep это помогает

Answer 2

вы только стиль в .table. попробуйте стиль td to. Fe

table, th, td { 
    border: 1px solid black; 
} 

также вы стиль друг друга строку с цветом фона. вы также можете сделать это в своем файле css, а не в строке

tr:nth-child(odd) { 
    bgcolor="#D1D1D1" 
}