table表格边框颜色部分加深问题

最新推荐文章于 2024-04-10 10:45:23 发布

又一又

最新推荐文章于 2024-04-10 10:45:23 发布

阅读量1k

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_52335549/article/details/123388515

版权

本文探讨了如何在HTML中不合并边框并保持边框间距，同时将边框颜色部分加深。通过使用`border-collapse: separate;`和`border-spacing: 0;`属性，可以实现边框分离并消除间距，再通过`border:solid 2px black;`为table设置外边框，以及`border:1px solid black;`为td, th, tr设置内边框，从而达到预期效果。

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

table表格边框颜色部分加深问题

不采用合并边框，保留边框之间的距离，但是将边框将的距离设置为0。
border-collapse: separate; ；border-spacing: 0

table {
    border-collapse: separate;  /* 控制是否合并边框 */
    border-spacing: 0; /* 控制单元格之间的距离 */
    border: solid 2px black; /*控制外边框*/
}

td,th,tr {
    border: black 1px solid;
}