折叠桌边的圆角

时间:2014-08-05 23:36:52

标签: html css-tables

我已经弄清楚如何为桌子制作更薄的边框,但我正在努力使边框更加完美。我想要圆角但是当我折叠边框(使它们变薄和一个)时它似乎没有帮助,并且它完美地工作而没有折叠,但是然后桌子看起来很近。帮助

JSFiddle:http://jsfiddle.net/Yx865/

主要关注点在于:

.myData .myTable table{
   border-collapse:collapse;
   border-top-right-radius:20px;
   border-top-left-radius:20px;
   border:1px solid black;
}

1 个答案:

答案 0 :(得分:1)

如果你想保留边框,只需确保隐藏溢出

overflow: hidden;

http://jsfiddle.net/n2hB3/