CSS 테두리가 보이지 않지만 CSS가 적용됩니다.

Question

thead에있는 tr에 모두 테두리를 적용하려고합니다.

CSS는 (스타일러스) : 스타일을 크롬에 따르면

table 
    thead 
     tr 
      border: solid #000; 
      border-width: 0 10px; 

적용받을 있지만, 국경이 실제로 표시되지 않습니다 :

Answer 1

tr는

table.first { 
 
    border-collapse: separate;  /* property default */ 
 
} 
 
table.second { 
 
    border-collapse: collapse; 
 
} 
 

 
table thead tr { 
 
    border-bottom: 2px solid gray; 
 
} 
 

 
/* for this demo only */ 
 
div { 
 
    margin: 25px 20px 10px; 
 
    text-decoration: underline; 
 
}

<div>This table's tr (in thead) has no border</div> 
 

 
<table class="first"> 
 
    <thead> 
 
    <tr> 
 
     <td>Left Head</td> 
 
     <td>Right Head</td> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Left</td> 
 
     <td>Right</td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 

 
<div>This table's tr (in thead) has border</div> 
 

 
<table class="second"> 
 
    <thead> 
 
    <tr> 
 
     <td>Left Head</td> 
 
     <td>Right Head</td> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Left</td> 
 
     <td>Right</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 2

thead {color:green;} 
 
tbody {color:blue;} 
 
tfoot {color:red;} 
 

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

<table> 
 
    <thead> 
 
    <tr> 
 
     <th>Month</th> 
 
     <th>Savings</th> 
 
    </tr> 
 
    </thead> 
 
    <tfoot> 
 
    <tr> 
 
     <td>Sum</td> 
 
     <td>$180</td> 
 
    </tr> 
 
    </tfoot> 
 
    <tbody> 
 
    <tr> 
 
     <td>January</td> 
 
     <td>$100</td> 
 
    </tr> 
 
    <tr> 
 
     <td>February</td> 
 
     <td>$80</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 3

나는 CSS 마스터가 아니지만 일반적으로 테두리 속성을 써야합니다. n은 한 줄 : -http : //www.w3schools.com/tags/tryit

border: 10px solid #000;