首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]css中如何让双线合并

发布于 2024-11-11 19:27:58
0
30

CSS中有时需要让两个边框线合并成一个,这种情况下可以使用border-collapse属性。

table {
  border-collapse: collapse;
} 

这样设置后,table中相邻的单元格之间的边框线将会合并成一个较粗的线条。

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

如果不设置border-collapse,则会出现相邻单元格之间的两个边框线分别显示,较差的视觉体验。

需要注意的是,border-collapse属性仅适用于table元素。

评论
91云脑
Lv.1普通用户

62845

帖子

12

小组

80

积分

站长交流