html - 如何让tr标签有渐变和圆 Angular ？

Question

我有一个 HTML 表格和第一个上部 <tr>使用简单的渐变 #ffffff -> #dddddd

有什么方法可以使用 css 在表格上添加圆 Angular 边框吗？

它现在绕过边界，但是因为 <TR class='my_gradient'>它在 table 的上部贴上两个尖 Angular 。我怎样才能使那些尖 Angular 变圆？

Answer 1

改为将边框半径应用于表格并隐藏任何溢出以剪掉渐变的 Angular :

table{
       -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    overflow:hidden;
}

JSFiddle