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

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

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

语法：

empty-cells: show|hide;

属性值：

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

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

示例：

   

   

       

       

   

   

       

           

empty-cells: show;

           

           

               

               

           

           

               

               

           

           

HTML	CSS
javascript

           

empty-cells: hide;

           

           

               

               

           

           

               

               

           

           

HTML	CSS
javascript

       

   

效果图：

更多前端开发知识，请查阅 HTML中文网 ！！