CSS删除表格中空单元格的边框

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

empty-cells属性设置或检索当表格的单元格无内容时,是否显示该单元格的边框。

语法:

empty-cells: show|hide;

属性值:

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

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

示例:

   

   

        empty-cell属性

       

   

   

       


           

empty-cells: show;

           

           

               

               

           

           

               

               

           

           

HTML CSS
javascript

           

empty-cells: hide;

           

           

               

               

           

           

               

               

           

           

HTML CSS
javascript

       

   

效果图:

更多前端开发知识,请查阅 HTML中文网 !!

你可能感兴趣的:(CSS删除表格中空单元格的边框)