记录一个css border-collapse: collapse的小坑

代码如下：

    border-collapse: collapse;
    border: 1px solid #000;
    border-radius: 10px;

这段代码是加在table中的

希望实现简单的圆角边框效果；

效果如下：

可以看到最终效果是表格的边框没有圆角，找了很久不知道是什么问题，

然后把table里面的代码一行一行试，终于发现了，原来是border-collapse: collapse;的问题

查了一下说是border-collapse: collapse;与 border-radius;会有冲突，把border-collapse: collapse;删掉就能解决

另一个问题是如下图会出现不知道哪来的间隔，同样把border-collapse: collapse;删掉就解决了。