边框半径不适用于每行

Question

当我在表格行中设置边框半径不起作用。我希望每行的边角都被四舍五入。

<table style="border-spacing: 0 8px; border-collapse: separate;"> 
        <tbody> 
         @foreach (var item in Model.project) 
         { 
          @:<tr style="background-color:grey;-moz-border-radius: 15px;border-radius: 15px;"> 
          <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

我不知道这一切的代码@的是，我离开了，在代码和固定的休息：

HTML：

<table style="border-spacing: 0 8px; border-collapse: separate;"> 
    <tbody> 
    @foreach (var item in Model.project) { 
     @:<tr> 
      <td class="position">@item["position"]</td>         
      <td class="image"> 
      <img src="@item["image"]" /> 
      </td> 
      <td class="name">@item["name"]</td>        
     @:</tr> 
    } 
    </tbody> 
</table> 

CSS：

tbody > tr td { 
    background-color:grey; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

JSFiddle demo

Answer 2

试试这个CSS的表 -

table {border-collapse:separate;} 
tr:first-child td:first-child {border-top-left-radius:15px;} 
tr:first-child td:last-child {border-top-right-radius:15px;} 
tr:last-child td:first-child {border-bottom-left-radius:15px} 
tr:last-child td:last-child {border-bottom-right-radius:15px;} 
td {border:1px solid #000; background-color:#ccc}