각 행 사이 공간

Question

각 행 사이에 공백이있는 회색으로 배경색을 설정해야합니다. 아래의 코드는 행 사이에 간격/공간을 남기지 않습니다. 다음과 같이

<table class="greydiag"> 
        <tbody> 
         @foreach (var item in Model.project) 
         { 
          @:<tr style="background-color:grey; margin-bottom:10px"> 
          <td class="position">@item["position"]</td>         
          <td class="image"> 
           <img src="@item["image"]" /> 
          </td> 
          <td class="name">@item["name"]</td> 

          @:</tr> 
         } 
        </tbody> 
       </table> 

Answer 1

당신은 table에 대한 border-spacing 속성을 사용할 수 있습니다

table { 
    border-spacing: 0 8px; /* two-value syntax: horizontal vertical */ 
} 

WORKING DEMO합니다.

참고 : 테이블에 border-collapse: separate;이 있는지 확인하십시오.