想要使用CSS删除表格中空单元格的边框,可以使用empty-cells属性。empty-cells属性用于指定是否在表格的单元格无内容时显示边框。只有当表格边框独立(例如当border-collapse属性等于separate时)此属性才起作用。

CSS如何删除表格中空单元格的边框?_第1张图片
原文地址:CSS如何删除表格中空单元格的边框?
empty-cells属性设置或检索当表格的单元格无内容时,是否显示该单元格的边框。

语法:
empty-cells: show|hide;
属性值:

● show:用于显示空单元格上的边框;边框和背景正常渲染。

● hide:边框和背景被隐藏。

示例:


 
 
    
        
        empty-cell属性 
         
     
     
        

empty-cells: show;

HTML CSS
javascript

empty-cells: hide;

HTML CSS
javascript

效果图:

CSS如何删除表格中空单元格的边框?_第2张图片
推荐阅读:

java基础教程

layui框架

go语言教程