Table thin line border

xiaoxiao2021-04-06  302

Method 1: Set the cellspacing of the table to 1, Cellpadding and Border are 0, fill the background color of the table in the table, respectively. For example:                                                                               Both Border is set to 1, set the side frame color of the table size, the edge color of the internal cell, pay attention to the side of the internal cells of the internal cells, the background color or table background, which looks with the background and background For one. For example:        # ffffff>                                                                                                  The border width is 1 pixel. First set the CSS class table1 {border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px}, then add Class = "Table1" in the

tab. Method 4: Make a large picture such as a table as a table background, especially when you want to make the table edges chamfer.

============================================================================================================================================================================================================= ================================

supplement:

Dreamweaver MX 2004 Create a thin line table If only the border of the definition table is 1 (Border = "1") and the border color value (such as bordercolor = "# 000000), the table line is actually 2px, to do a thin line form, Three ways:

1. Press Ctrl Alt T in Dreamweaver to pop up the dialog box, the parameter setting is shown (with the red frame item as a fixed value, otherwise no effect):

Check the form, set the background color of the table in the property panel:

The cursor is positioned into the first cell, hold down the Shift key to click on the last cell, and set all the cells in the property panel:

The effect is shown in the figure:

2. Thin Forms made by the BorderColordark and the Bordercolorlight attribute:

Still pressing the Ctrl Alt T insert, set in the dialog box (with the red frame item is fixed, otherwise no effect)

After selecting the form, press F9 to expand the "Tag Inspector" panel group, set in the "Attributes" panel as shown:

After completing, as shown:

3. Set the CSS attribute of the table Border-collapse for collapse: Press Ctrl Alt T into the table, the setup of the dialog box 2. Check the form, set the border color of the table in the property panel:

Press F9 to expand the "Tag Inspector" panel, fill in "Border-Collapse: Collapse" in "Style" in the "Attributes" panel.

After completing, as shown:

Note: The thin line form for method 3 applies only to IE5 , the compatibility is the best, and the second is not a thin line form in strict sense.

Skills: Act 1 can use CSS to define the background color of the table cell to reduce the amount of code: