The method of making thin Edge Table in Dreamweaver

This article mainly explains the "method of making thin-edge tables in Dreamweaver". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's way of thinking to study and learn "the method of making thin-edge tables in Dreamweaver".

Through the use of background color and spacing to make fine edges of the table tutorial, we insert a table in Dreamweaver, if you set its "Border" to 1, the preview of its border line is thicker.

Take, for example, a table with four rows and three columns with a thin red border:

Step 1 inserts a table with four rows and three columns in the design view of Dreamweaver.

Step 2 sets the following properties for this table in the Properties panel: the margin (CellPad) sets its own value (for example, 10), the spacing (CellSpace) is 1, the border (Border) is 0, and the background color (Bg Color) is red.

Step 3 Select all cells in this table and set the properties of all cells in the Properties panel as follows: the background color (Bg) is white or red.

Finally, save the page and press F12 to preview. So, does a red thin line table with four rows and three columns appear in front of you?

In addition, if we want to use tables for layout and positioning as usual, we can use nested tables as long as the outer border lines are displayed as thin lines and the delimited lines of the inner cells are not displayed. As an example, the outer border of the table is a thin red line to illustrate the operation method:

Step 1 inserts a 1-row-1-column table in the design view of Dreamweaver.

Step 2 sets the following properties for this table in the Properties panel: margins are set as needed (for example, 5), spacing is 1, border is 0, and background color is red.

Step 3 select the only cell in this table and set the background color of this cell to something other than white or red in the Properties panel.

Step 4 will position the cursor in the table with 1 row and 1 column, and insert a nested table with several rows and columns as needed. The "border" of this nested table must be set to 0, "margin" and "spacing" can be set or not set as needed, and other properties may not be set.

You can insert text, pictures, and other web page elements into different cells of a nested table.

Thank you for your reading, these are the contents of "the method of making thin-edged tables in Dreamweaver". After the study of this article, I believe you have a deeper understanding of the method of making thin-edged tables in Dreamweaver, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!