Tips on setting HTML table borders

For many people who are new to HTML, table <table> is the most commonly used tag, but many beginners do not quite understand how to control the table borders.

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

For many people who are new to HTML, table <table> is the most commonly used tag, but many beginners do not quite understand how to control the table borders.

Generally, when we use a table, we always give it a border attribute, such as: <table border="1">, 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" >

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

The above tips on setting HTML table borders are all the content that the editor shares with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.