How to create a thin line table in html

This time I will show you how to make thin lines in htmltable, what are the precautions for making thin line tables in html, the following is a practical case , let’s take a look.

Regarding how to make this thin line table, Baidu may have an answer telling you to set these values: Set border="0" cellspacing="1" for the table For the values ​​​​bgcolor="#990033", the background color must be set separately for the cell, for example: bgcolor="#fff". But there is probably no detailed explanation as to why these values ​​should be set!

So today I suddenly thought of recording the principle of this thin line form. It is also because I have been giving basic classes to students these days. The students do not understand the principle of this thin line form very well, so if you are a beginner, I guess they all know it. I encountered similar problems, so here I will talk about why these values ​​are set.

First of all, let’s take a look at the effect of setting the border value of the table to 1. Even if border="1" and the distance between cells cellspacing="0", the thickness of the table still looks the same. Relatively rough:

So now I will summarize the steps of making a thin line table:

The steps of making a thin line table:

Set the background color of the table (that is, Visually the color of the table border);

Set the background color of td (cell) (visually the overall color of the entire table)

Set the table border value to 0 (border="0 "), the value of the spacing is 1 (cellspacing="1", so that the background color of the table is displayed through this spacing and becomes a visual border).

Analysis: The background color of the table is actually the thin line that the thin line table looks like visually, because we set the border to 0, and the cellspacing between cells is set to 1, then the background of the table The color is the color that shines through the gap of this pixel. Setting the background color for the cell is to distinguish it from the background color of the table.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to php Chinese website Other related articles!

Related reading:

Basic knowledge of HTML, detailed introduction to the style of hyperlink settings

Basic knowledge of HTML .Detailed introduction to css style sheets and style attributes

How to use the href attribute of the HTMLa tag to specify relative paths and absolute paths

The above is the detailed content of How to create a thin line table in html. For more information, please follow other related articles on the PHP Chinese website!