Html 新手：在我的情况下，如何有一排背景？

我有一张非常简单的桌子：

<table border="1" class="my-table">
  <tr class="head">
       <th>head-1</th>
       <th>head-2</th>
       <th>head-3</th>
       <th>head-4</th>
       <th>head-5</th>    
  </tr>
  <tr>
      <div class="row-data">
           <td>data-1</td>
           <td>data-2</td>
           <td>data-3</td>
           <td>data-4</td>
           <td>data-5</td>
      </div>
  </tr>
 </table>

但是它不工作，在这种方式下有一个基于行的边界半径css功能，如何摆脱它？

---

您可以在

上运行我的代码，而不是为它创建一个新的div，只需将类添加到行：

而不是为它创建一个新的div，只需将类添加到行：

检查这可能是您想要的

---

检查这可能是你想要的

---

边界半径可以应用于表，但不能应用于行。

---

查看此表的边框半径演示：

边框半径可以应用于表，但不能应用于行。

---

请查看此表的边界半径演示：

作为tr子级的div无效html@Sotiris，我同意你的看法，我这样做只是为了强调我想要实现的目标，即基于行的背景具有边界半径，而不是基于列的半径。Rob是对的。这有用吗？作为tr子级的div无效html@Sotiris，我同意你的看法，我这样做只是为了强调我想要实现的目标，即基于行的背景具有边界半径，而不是基于列的半径。Rob是对的。这有用吗？不，我试过了，它不起作用，我的意思是这一行的背景没有边界半径，这是我在这篇文章中最关心的特征。我真的不明白为什么人们继续投票给这个答案有用，这个答案不起作用，我在我发布问题之前试过了，看这里，这一行背景没有边界半径@Rob，你不能说边界半径不起作用，它起作用，例如，如果我把div放在里面，检查这里，如果你仔细阅读我的问题，你就会明白我想要实现什么。@Rob，你在使用Opera浏览器吗，因为边界半径的css不仅仅在Opera上起作用，其他浏览器应该可以。不，我试过了，它不起作用，我的意思是，这一行的背景没有边界半径，这是我在这篇文章中最关心的特征。我真的不明白为什么人们继续投票给这个答案有用，这个答案不起作用，我在发布问题之前试过了，看这里，这一行背景@Rob没有边界半径，你不能说边界半径不起作用，它起作用，例如，如果我把div放在里面，勾选这里，如果你仔细阅读我的问题，你就会明白我想要达到的目的。@Rob，你在使用Opera浏览器吗，因为边界半径的css不仅仅在Opera上起作用，其他浏览器应该可以。@sandeep，是的，这起作用了，顺便问一下，我应该如何在行与行之间添加空间？请检查@sandeep，是的，这很有效，顺便问一下，我应该如何在行与行之间添加空间？请检查

.row-data{
    background-color:#ececec;
    border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
}

td{
    background-color:red;
}
td:first-child{
    border-radius:10px 0 0 10px;
   -webkit-border-radius:10px 0 0 10px;
   -moz-border-radius:10px 0 0 10px;
}
td:last-child{
     border-radius:0 10px 10px 0;
    -webkit-border-radius:0 10px 10px 0;
    -moz-border-radius:0 10px 10px 0;
 }