Refine the appearance of your table in Dreamweaver

A table is undoubtedly the most important object in web page creation. Because most web pages rely on tables for layout and element organization, it directly determines whether the web page is beautiful, whether the content is clearly organized. However, many of my friends often ignore the research on tables and focus on other layers, pictures, and special effects. In fact, the rational use of tables can easily beautify your pages, we often hear complaints from friends about the monotonous, rough, and unaltered pages of a table. We also often hear people ask how to create a table border with 1 pixel. In fact, in Dreamweaver, we can easily refine your table, so that your webpage is more beautiful and refined. We will introduce how to refine your table in Dreamweaver in the following three aspects.

1. Use the attribute panel.

Figure 1

First, we need to know the parameters on the two table properties panel: CellPad and CellSpace. As shown in Figure 1, CellPad refers to the distance between two cells in the table, and CellSpace refers to the distance between each cell and its content. By changing these two parameters and changing the background color, you can easily create a one-pixel table border.

1. Insert a table on the Object panel to define the table width, height, number of rows, and number of columns. Note that the default CellPad, CellSpace, and Border values of the inserted table in Dreamweaver are both 0. Figure 2:

Figure 2

2. Define the Border of the table in the attribute panel as 0 and the CellPad as 5 (this can keep the content in the cell and the cell edge between 5 pixels ); cellSpace is 1 (this option ensures the spacing of one element between cells ). See Figure 3;

Figure 3

3. Set the background color of the table #999999, as shown in figure 4;

<