For many beginners of HTML, tables are the most commonly used tags, but many beginners do not know much about table border control. Generally, when using a table, we always give it a border attribute, for example:
, The effect is as follows:
ID |
NAME |
GENDER |
1001 |
Mike |
Male |
It can be found that the border of the table seems very wide. Of course, the "wide" here is definitely not the width of the table border.There is a gap between them. Therefore, you only need to modify the cellspacing attribute of the table, that is:
, The effect is as follows:
ID |
NAME |
GENDER |
1001 |
Mike |
Male |
However, it seems that the width is not as we think: only the width of one pixel is actually the width of two pixels. Why?The border is not overlapped. Modify the border-collapse attribute of the table,
That is
ID |
NAME |
GENDER |
1001 |
Mike |
Male |
Add a color to the table,
ID |
NAME |
GENDER |
1001 |
Mike |
Male |