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

您需要指定border-style才能看到它的实际效果。无论如何，你的表有100px的上边距，尝试删除它并将display:inline-block;添加到div（或者它将扩展到100％）。那应该是诀窍

Demo

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 ;
}

如何用桌子实现圆角

1 个答案: