表格设置td属性cellpadding和cellspacing为0，但是却存在表格边框重复变粗

ZhuangYQ丶

于 2017-08-30 22:55:16 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET学习中出现的问题文章标签：界面

本文链接：https://blog.youkuaiyun.com/iilegend/article/details/77726903

60 篇文章

订阅专栏

本文介绍了解决HTML表格中出现的边框重复变粗现象的方法。通过设置table元素的border-collapse属性为collapse，可以有效避免边框合并导致的显示问题。

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

表格设置td属性cellpadding和cellspacing为0，但是却存在表格表框重复变粗。这时候的问题在于边框合并了，并且边框的宽度也合并了，很难看的界面：
这里写图片描述

这时候给表格加一个样式：

<style type="text/css">
        table {
            border-collapse:collapse;
        }

    </style>

这时候就是边框不合并了：
这里写图片描述