分辨率不同导致table边框出现粗细不同的情况

最新推荐文章于 2023-08-26 17:34:15 发布

原创最新推荐文章于 2023-08-26 17:34:15 发布 · 2.8k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #css #html

笔记同时被 2 个专栏收录

42 篇文章

订阅专栏

CSS特效

9 篇文章

订阅专栏

在2021年遇到一个技术难题，由于特定浏览器版本导致table的border-collapse:collapse属性表现异常。通过修改CSS，将`border-collapse: separate !important;`和`border-spacing: 0px !important;`设置解决了问题，确保了背景颜色和单元格颜色的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

真是没想到 2021年竟然还会被原生table卡一下午

原因：浏览器版本问题，导致border-collapse:collapse 出问题
解决：

table {
    border-collapse:separate !important;
    border-spacing: 0px !important;
    background-color: #000 !important;
}
td, th {
    background-color: #fff !important;
}