Making of the thin-line frame used in dreamweaver form

Dreamweaver

Effect Chart:

Thin-line border is a Web page to distinguish between the content of a commonly used method, with the use of specific pictures, often can achieve good results, then how to make a thin border?

As we all know, the so-called thin line border, the general appearance is a simple 1 rows of 1 column table, then we directly set the Table object's border value of 1 is not OK? See the results below:

Also insert a single row of tables at the specified location in the Web page, click any part of the table's extra box to select it, set the "Border" value to 1 in the property panel, or place the other "Cellpad" and "Cellspace" at the same time, as shown in the figure:

Diagram of different effects in the preview state:

From the illustration above, it is easy to see that a simple border of 1 does not work, let's look at how to achieve the required fineness by the "smart" setting of the table.

Also in the table above, set the "border", "Cellpad" in the property panel to "0" and "Cellspace" to "1", noting that "cellspace" refers to the size of the distance between the cell and the cell. As shown in figure

Set the table's "bgcolor" to "red" and set the cell's "bgcolor" to the same page background color-"white" and preview the effect as shown:

For the sake of understanding, here I explain a little bit more. We set the "Cellspace" to 1, which is undoubtedly included in setting the background color of the table. The following cell settings just throw it off. This results in a display, so changing the background color of the table changes the color of the border.