Shulou(Shulou.com)06/03 Report--

This article will explain in detail how to quickly create a table with thin edges in Dreamweaver. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Insert a table in Dreamweaver, and if you set its "Border" to 1, the border is thicker when previewing. For web page makers who are not familiar with the HTML language, how to quickly produce thin-edged tables?

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

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

Step2 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 (BgColor) is red.

Step3 selects all cells in this table and sets 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:

How to quickly make a table with thin edges

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

Step2 sets the properties of this table in the Properties panel as follows: margin as needed (for example, 5), spacing to 1, Border to 0, and background Color to red.

Step3 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.

Step4 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.

In this way, we can insert text, pictures and other web page elements into different cells of the nested table.

This is the end of this article on "how to quickly make a table with thin edges in Dreamweaver". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.