How to display the border when td is empty

Previously, I summarized how to use CSS to achieve the border + bordercolordark + bordercolorlight effects of a table. Then a netizen asked me why he wrote a similar CSS style, but the table border effect can only be seen normally under Opera, but nothing under IE.
I downloaded Opera 9 and saw that it was indeed the case. The reason is not complicated: because in IE (Firefox seems to be the same as IE), if the content of a td is empty, even if you set the height and width, the border style of the cell will not be displayed; Opera applies the style to render regardless of whether there is content or not. I encountered this problem right after I graduated. The section chief of the department came to ask me, and I told him: Just add it to each empty td. Whenever I encounter this problem in the future, I will use this simple, rough and effective method to solve it.
But today I made great efforts to study it a bit, and learned from Jiarry that the original CSS syntax allows us to change these default behaviors: using border-collapse:collapse; and empty-cells:show; can make the disappeared border appear.
class="test1": add border-collapse:collapse;
.test1{
border:1px solid #999999;
border-collapse:collapse;
width:60%
}
.test1 td{
border-bottom:1px solid #999999;
height:28px;
padding-left:6px;
}
class1 Here is the content Here is the content
class="test2": add border-collapse:collapse; and empty-cells:show;
.test2{
border:1px solid black;
border-collapse:collapse;
width:60%
}
.test2 td{
border-bottom:1px solid black;
height:28px;
padding-left:6px;
empty-cells:show;
}
class2 Here is the content Here is the content
class="test3": Without border-collapse:collapse; and empty-cells:show;
.test3{
border:1px solid #999999;
width:60%
}
.test3 td{
border-bottom:1px solid #999999;
height:28px;
padding-left:6px;
}
class3 Here is the content Here is the content

<<: Examples of using MySQL covering indexes

>>: Analysis and solution of the reason why overflow-y: visible; does not work in CSS

Example to explain the size of MySQL statistics table

How to display the border when td is empty

Example to explain the size of MySQL statistics table

MySQL5.7 master-slave configuration example analysis

How to use squid to build a proxy server for http and https

Design theory: On the issues of scheme, resources and communication

Detailed explanation of single-row function code of date type in MySQL

MySQL database case sensitivity issue

HTML tag overflow processing application

Summary of commonly used SQL statements for creating MySQL tables

How to use MySQL group by and order by together

MySQL sorting using index scan

Recommend

MySQL 5.6.23 Installation and Configuration Environment Variables Tutorial

Possible reasons why the input type="reset" tag in HTML is invalid (does not work).

mysql-5.7.21-winx64 free installation version installation--Windows tutorial detailed explanation

CSS scroll-snap scroll event stop and element position detection implementation

Install Docker on CentOS 7

How to create a new user in CentOS and enable key login

v-for directive in vue completes list rendering

Linux uses bond to implement dual network cards to bind a single IP sample code

How to use pdf.js to preview pdf files in Vue

The MySQL version is lower than the one that does not support two timestamp type values.

On good design

js to create a carousel effect

WeChat applet canvas implements signature function

How to install mysql6 initialization installation password under centos7

A brief introduction to the usage of decimal type in MySQL