【CSS】盒子边框 ③ ( 设置表格细线边框 | 合并相邻边框 border-collapse: collapse； )
创始人
2025-05-29 02:12:41

文章目录

  • 一、设置表格细线边框
    • 1、表格示例
    • 2、合并相邻边框
    • 3、完整代码示例





一、设置表格细线边框



1、表格示例


给定一个 HTML 结构中的表格 , 默认样式如下 :

 

     设置表格细线边框


表格标题
姓名年龄
Tom18
Jerry16

显示效果 :

在这里插入图片描述


2、合并相邻边框


为 table 设置边框 :

		table {border: 1px solid blue;}

显示效果 :
在这里插入图片描述
上述效果只有表格的边框 , 内部的单元格的边框没有设置 ,

为 表头单元格 th 和 普通单元格 td 设置边框 ;

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

设置完上述样式后 , 表格显示如下 :

在这里插入图片描述

上述 单元格 与 单元格 之间 的边框 , 单元格 与 表格 之间 的边框 , 出现了重叠 , 每个重叠处都有 两条线 ;

设置

border-collapse: collapse;

CSS 样式 , 可以 将 相邻的边框 合并在一起 , 合并边框后的效果 :
在这里插入图片描述


3、完整代码示例


完整代码示例 :

 

     设置表格细线边框


表格标题
姓名年龄
Tom18
Jerry16

显示效果 :

在这里插入图片描述

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：独家分享.益乐绍兴麻将为什么一直输.详细开挂教程!

下一篇：今日重大通报“ 乐逍遥跑胡子 有挂吗”[确实真的有挂]

相关内容

热门资讯

今日分享.新老夫子拼三张有没有... 今日分享.新老夫子拼三张有没有挂.曝光开挂猫腻!您好：新老夫子拼三张这款游戏可以开挂，确实是有挂的，...
今日资讯.皇豪互娱真的有挂吗.... 今日资讯.皇豪互娱真的有挂吗.(透视曝光猫腻)亲，皇豪互娱这个游戏其实有挂的，确实是有挂的，需要了解...
重磅消息.微乐河北麻将可以开挂... 重磅消息.微乐河北麻将可以开挂吗.(曝光开挂猫腻)您好：微乐河北麻将这款游戏可以开挂，确实是有挂的，...
实测推荐.欢乐斗地主掼蛋怎么装... 实测推荐.欢乐斗地主掼蛋怎么装挂.(辅助神器下载)亲.欢乐斗地主掼蛋这款游戏是可以开挂的，确实是有挂...
实测分享.琼崖麻将有没有挂.(... 您好：琼崖麻将这款游戏可以开挂，确实是有挂的，需要了解加客服微信【9951342】很多玩家在这款游戏...