표 셀이 분리되지 않습니다.

Question

HTML로 표를 만들었습니다. 내가 페이지를 들여다 보았을 때 나는 세포가 분리되어 있지 않다는 것을 알아 차렸다. Google에서 해결책을 찾지 못했습니다. 여기

을 내가 사용한 코드입니다 : 즉, 같은 보이는 방법

<table style="margin-top:50px;border:2px solid red;border-collapse:collapse;"> 

    <tr> 
    <td>test</td> 
    <td>test</td> 
    </tr> 
    <tr> 
     <td>test</td> 
    <td>test</td> 
</tr> 
</table> 

Answer 1

가 tr 및 td 요소 padding 및 borders를 추가합니다.

JSFiddle Demo

td {padding:10px; border-right:1px solid orange;} 
tr { border-bottom:1px solid blue } 

Answer 2

이 당신을 위해 무엇을 찾고있는 경우 나도 몰라 : 분리 당신은`국경 붕괴를 삭제하면 당신은? 무슨 소리 Padding in TD

td { 
    padding: 20px; 
}