Question

这有效

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来处理表？

Answer 1

5.6. Effect on Tables

'border-radius'属性   适用于'table'和'inline-table'   元素。当'边界崩溃'是   “崩溃”，UA可能适用   border-radius属性为'table'   和'内联表'元素，但是   不需要。在这种情况下不仅   必须相邻的边界半径   角落不相交，但是   a的水平和垂直半径   单个角落可能不会超过   那个角落的细胞边界   （即细胞的其他角落必须   不受这个角落的影响   边界半径）。如果是计算值   边界半径会导致这种情况   效果，然后是所有的使用值   桌子的边界半径必须是   减少了相同的因素使   半径既不相交也不延伸   超越他们的界限   各个角落细胞。

border-radius对的影响   内部表元素未定义   在CSS3背景和边框中，但是   可以在将来定义   规格。 CSS3 UAs应该忽略   应用于border-radius属性   内部表元素何时   'border-collapse'是'崩溃'。

-webkit-和-moz-border-radius对表不起作用？

1 个答案: