css设置table圆角边框不起作用是什么原因

css设置table圆角边框不起作用的原因是：属性border-collapse:collapse和属性border-radius不兼容。正确方法如【border-collapse: separate;border-spacing:0】。

本文环境：windows10、css3，本文适用于所有品牌的电脑。

原因分析：

在table中设置border-radius发现不起作用，原因是border-collapse:collapse和border-radius不兼容。

（学习视频分享：css视频教程）

css：

border-collapse: separate;
border-spacing: 0;

代码实现：

头部1
头部2
头部3
头部4




1内容1
1内容2
1内容3
1内容4


2内容1
2内容2
2内容3
2内容4


3内容1
3内容2
3内容3
3内容4

实现效果：