扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
怎么用CSS属性border-collapse解决table的边框问题？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！
成都创新互联-专业网站定制、快速模板网站建设、高性价比铁岭网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式铁岭网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖铁岭地区。费用合理售后完善，十余年实体公司更值得信赖。HTML部分：
| 序号 | 姓名 | 性别 | 年龄 |
|---|---|---|---|
| 1 | 张晗 | 男 | 23 |
| 2 | 陆颖 | 女 | 20 |
| 3 | 郝婷婷 | 女 | 19 |
CSS部分：
.aa{border: 1px solid #ccc;width:30%;text-align: center;border-collapse: collapse;}
.aa th,.aa td{border: 1px solid #ccc;padding: 10px;}看，出现的效果是这样的：
它不符合我们对表格的认识，怎么会多出这么多边框线呢，一般我们只需要外面的边框和单元格共用的部分，不需要每个单元格都搞一个边框。那怎么去掉这些多余的边框呢？接下来就是今天的重点，CSS属性里的border-collapse可以帮助我们去掉多余的边框。
首先我们先看一下border-collapse属性值说明。他有两个值，separate是默认值，边框分开，不合并；collapse边框合并，如果相邻，则共用一个边框，那我们来给刚刚的表格加上这个属性看看。
.aa{border: 1px solid #ccc;width:30%;text-align: center;border-collapse: collapse;}图片：
感谢各位的阅读！看完上述内容，你们对怎么用CSS属性border-collapse解决table的边框问题大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联成都网站设计公司行业资讯频道。
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网