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
实现效果:

相关推荐:CSS教程










