Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使tr标签具有渐变和圆角?_Html_Css - Fatal编程技术网

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

Html 如何使tr标签具有渐变和圆角?,html,css,Html,Css,我有一个HTML表格和第一个上面的,带有一个简单的渐变#ffffff->#dddddd 有没有什么方法可以使用css在表格上创建圆角边框 它现在环绕着边界,但由于的缘故,它在桌子的上部粘上了两个锐角。如何使这些锐角变圆?将边界半径应用于桌子,并隐藏溢出以剪掉渐变的角: table{ -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5

我有一个HTML表格和第一个上面的
,带有一个简单的渐变#ffffff->#dddddd

有没有什么方法可以使用css在表格上创建圆角边框


它现在环绕着边界,但由于
的缘故,它在桌子的上部粘上了两个锐角。如何使这些锐角变圆?

将边界半径应用于桌子,并隐藏溢出以剪掉渐变的角:

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

请编辑问题并添加您拥有的相关代码谢谢!它起作用了!我不知道溢出的内部:隐藏函数。下次我会读更多的文档:)谢谢,真的很感激没有问题,很高兴能帮上忙(: