【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”。

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

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

相关内容

热门资讯

实测分享“新椰子开挂透视软件”... 您好：新椰子这款游戏可以开挂，确实是有挂的，需要了解加客服微信【69174242】很多玩家在新椰子这...
玩家推荐“乐禧棋牌开挂器”@｛... 您好：乐禧棋牌这款游戏可以开挂，确实是有挂的，需要了解加客服微信【9784099】很多玩家在这款游戏...
独家.实测“云梦司缘可以开挂吗... 您好：云梦司缘这款游戏可以开挂，确实是有挂的，需要软件加微信【7482525】，很多玩家在云梦司缘这...
重大通报“天天爱麻将必赢神器”... 您好：天天爱麻将这款游戏可以开挂，确实是有挂的，需要软件加微信【69174242】，很多玩家在天天爱...
玩家实测“新久久究竟有透视挂吗... 您好：新久久这款游戏可以开挂，确实是有挂的，需要软件加微信【8700483】，很多玩家在新久久这款游...