-webkit- and -moz-border-radius在表格上不起作用？
-webkit- and -moz-border-radius在表格上不起作用？
提问于 2009-09-10 19:53:52
这是可行的
div {
-moz-border-radius: 5px 5px 0 0;
border:1px solid #000;
margin:30px;
}这不起作用
table {
-moz-border-radius: 5px 5px 0 0;
border:1px solid #000;
margin:30px;
}有人知道如何使用-moz和-webkit来处理表吗？
回答 1
Stack Overflow用户
发布于 2011-03-07 09:05:39
‘border-radius’属性确实适用于‘table’和‘inline-table’元素。当‘边框折叠’是‘折叠’时，UA可以将边界半径属性应用于‘table’和‘inline-table’元素，但不是必需的。在这种情况下，不仅相邻角点的边界半径不能相交，而且单个角点的水平和垂直半径也不能超过该角点处单元格的边界(即该单元格的其他角点不能受该角点的边界半径的影响)。如果边界半径的计算值将导致此效果，则表的所有边界半径的使用值必须减少相同的系数，以便半径既不会相交，也不会延伸到其各自角单元的边界之外。
边框半径对内部表格元素的影响在CSS3背景和边框中未定义，但可能会在未来的规范中定义。当‘边框折叠’为‘折叠’时，CSS3 UA应忽略应用于内部表元素的边框半径属性。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1407371
复制相关文章
相似问题
腾讯云开发者
