HTML table border control implementation code

Generally, when we use a table, we always give it a border attribute, such as: <table border="1">, the effect is as follows:

You can see that the border of the table seems to be very wide. Of course, the "very wide" here is definitely not the width of the table border. The width you see is probably due to the gaps between the <td> tags. Therefore, you only need to modify the cellspacing attribute of the table, that is: <table border="1px" cellspacing="0px">, the effect is as follows:

However, it seems that the width is not as wide as we imagined: only one pixel wide. In fact, what you see in the above picture is actually two pixels wide. Why? This is because the borders between <td> do not overlap. Just modify the border-collapse property of the table.

That is, <table border="1px" cellspacing="0px" style="border-collapse:collapse">

Add a color to the table, <table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">