css - 如何用桌子实现圆角

Question

我有一张桌子的这个CSS：

      .table_stats tr:last-child td:first-child{
        -moz-border-radius:0 0 0 6px;
        -webkit-border-radius:0 0 0 6px;
        border-radius:0 0 0 6px;
    }

   .table_stats tr:last-child td:last-child{
        -moz-border-radius:0 0 6px 0 ;
        -webkit-border-radius:0 0 6px 0 ;
        border-radius:0 0  6px 0 ;
    }

我需要的是它周围的另一个边框，它是白色的.. 可以用边框笔划吗？并给它一些宽度？

我还在桌子周围放了一个 div 并给了它这个 css：

.table_stats{
    border-color: white;
   border-width:2px;
        -moz-border-radius: 6px 6px  ;
    -webkit-border-radius: 6px 6px  ;
    border-radius: 6px 6px ;
}

仍然没有工作..桌子周围没有额外的边框。

html标记：

       <div class="table_stats">
      <table border="0" width="800px" style="margin-top: 100px;" cellspacing="0px" class="table_stats">
   </table>  
              </div>

Answer 1

您需要指定 aborder-style才能看到它的实际效果。无论如何，您的表格有 100 像素的上边距，请尝试将其删除并添加display:inline-block;到 div 中（否则它将扩大到 100%）。这应该够了吧

演示

HTML：

<div class="table_stats">
<table border="0" width="800" cellspacing="0" class="table_stats">
</table>
</div>​

CSS：

div.table_stats{
    margin-top:100px;
    display:inline-block;
    border-color: white;
    border-width:2px;
    border-style:solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px ;
}