如何让tr标签具有渐变和圆角?

时间:2014-09-08 15:36:40

标签: html css

我有一个HTML表格,第一个上部<tr>有一个简单的渐变#ffffff - &gt; #DDDDDD

我有什么方法可以使用css在桌面上使用圆形边框?

它现在围绕边界,但由于<TR class='my_gradient'>它在桌子的上半部分有两个尖角。我怎样才能让这些尖角转过来?

1 个答案:

答案 0 :(得分:1)

将边框半径应用于表格并隐藏任何溢出以剪切渐变的角落:

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

JSFiddle