Dreamweaver MX 2004 Create a thin form

Dreamweaver If you just define a table with a border of 1 (border= "1") and a border color value (such as bordercolor= "#000000"), the form line is 2px, and there are three ways to make a thin table:

1. In Dreamweaver press ctrl+alt+t, pop-up Insert Table dialog box, parameter settings such as figure (with red box items for a fixed value, otherwise no effect):

Select the table and set the background color of the table in the Properties panel:

Position the cursor in the first cell, shift-click the last cell, select all cells, and then set the color of all cells in the properties panel:

After the completion of the effect as shown:

2. A thin table using a table's dark border (bordercolordark) and bright border (bordercolorlight) Properties:
or press Ctrl+alt+t to insert the table, in the dialog box, set as shown (with red box items for fixed, otherwise no effect)

When the table is selected, press F9, expand the Tag Inspector panel group, and set it in the Attributes panel as shown:

After the completion of the figure:

3. Set the CSS properties of the table Border-collapse to collapse: press Ctrl+alt+t to insert the table, the dialog box is set with the same method 2. Select the table and set the border color of the table in the Properties panel:

Press F9 to expand the Tag Inspector panel and fill in the "style" in the "Attributes" Panel "BORDER-COLLAPSE:COLLAPSE;"

After the completion of the figure:

Note: The thin form of law 3 is only applicable to ie5+, the best compatibility is Law 1, Law II is not a strict form of thin lines.
Tip: In Law 1, you can use CSS to define the background color of table cells to reduce the amount of code:

<style>
. Thin{background: #000000}
. Thin Td{background: #FFFFFF}
</style>
<table width= "border=" 0 "cellspacing=" 1 "cellpadding=" 0 "class=" thin ">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>3. Set CSS properties for a table Border-collapse to collapse: press Ctrl+alt+t to insert the table, and the dialog box is set to act 2. Select the table and set the border color of the table in the Properties panel:

Press F9 to expand the Tag Inspector panel and fill in the "style" in the "Attributes" Panel "BORDER-COLLAPSE:COLLAPSE;"

After the completion of the figure:

Note: The thin form of law 3 is only applicable to ie5+, the best compatibility is Law 1, Law II is not a strict form of thin lines.
Tip: In Law 1, you can use CSS to define the background color of table cells to reduce the amount of code:

<style>
. Thin{background: #000000}
. Thin Td{background: #FFFFFF}
</style>
<table width= "border=" 0 "cellspacing=" 1 "cellpadding=" 0 "class=" thin ">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>