Tips for setting HTML table borders

For many beginners of HTML, table <table> is the most commonly used label, but for the control of the table border, many beginners are not very good solution.

For many beginners of HTML, table <table> is the most commonly used label, but for the control of the table border, many beginners are not very good solution.

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

For many beginners of HTML, table <table> is the most commonly used label, but for the control of the table border, many beginners are not very good solution.

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

However, it seems that the width is still not as we imagined: only a single pixel width, in fact, you see is actually two pixels wide, for what, this is because the border between <td> is not caused by overlap. Modify the Border-collapse property of the table,

<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" >

Tips for setting HTML table borders