Document directory
- Show all separation lines <Table rules = All>
- Show only the separation lines between groups <Table rules = Groups>
- Show only the separation lines between rows <Table rules = rows>
- Show only the separation lines between columns <Table rules = Cols>
- No separator is displayed <Table rules = none>
- Show all four borders <Table Frame = Box>
- Show only the upper border <Table Frame = above>
- Show only the lower border <Table Frame = below>
- Show only top and bottom borders <Table Frame = hsides>
- Show only the left and right borders <Table Frame = vsides>
- Show only the left border <Table Frame = LHS>
- Show only the right border <Table Frame = RHS>
- No border is displayed <Table Frame = void>
As Drupal encountered some interface problems over the past two days, I checked some HTML and table attributes.
The following is a summary from a Sina Blog user.
--------------------------------------------------------------
<Table> attributes: 1. Border = TABLE border, 2. width, height the distance between the table width and height 3. cellspacing cells. 4. The distance between the cellpadding table and the text. 5. Location of the algin table relative to the webpage 6. <caption>... </caption> location of the table title. Algin = left/right valgin = top/bottom 7. brodercolor table border color. 8. borercolorlight table light color (left and top) bordercolordark table dark area color (right and bottom) these attributes of the table are very simple, as long as you use it to understand. The background color of the <tr> attribute bgcolor line. Horizontal and vertical algin/valgin lines. <TD> the background color of the bgcolor attribute column. The number of rows in rowspan and colspan cells/The number of columns in the cells algin/valgin are the same as those in <tr>. The following are some special attributes. many wonderful tables are completed using these attributes. 1. Special Effects between ruels cells. Display of partitions in the table
Show all separation lines <Table rules = All>
<table border rules=all> <colgroup><col align=center span=2> <colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> <tbody> <tr><td rowspan=3 align=right>Total $-00.0</td> </tbody> </table>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
Show only the separation lines between groups <Table rules = Groups>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
Show only the separation lines between rows <Table rules = rows>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
Show only the separation lines between columns <Table rules = Cols>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
No separator is displayed <Table rules = none>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
| Total $-00.0 |
|
2. Set the frame attribute to display borders in the table's outer border effect.
Show all four borders <Table Frame = Box>
<table border frame=box> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> </table>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
Show only the upper border <Table Frame = above>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
Show only the lower border <Table Frame = below>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
Show only top and bottom borders <Table Frame = hsides>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
Show only the left and right borders <Table Frame = vsides>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
Show only the left border <Table Frame = LHS>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
Show only the right border <Table Frame = RHS>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
No border is displayed <Table Frame = void>
| Food |
Drink |
Sweet |
|
| A |
B |
C |
| D |
E |
F |
|
3. fiedset special table. <HTML> <Legend> <Table Style = "border: 1 solid #000000" width = "80" cellspacing = "1"
Cellpadding = "0" Height = "20"> <tr> <TD> <font color = blue> carefree IT network </font> </TD> </tr> </table> </legend> <br> </fieldset> </TD> </tr> </table> </body> you can run this code to find out what is special.. 4. legnd creates a special table generation header in the fieldset label. <Table width = "200" "cellspacing =" 0"
Cellpadding = "0">
<Tr>
<TD>
<Fieldset style = "width:
200; color: # b7b7b7; border-style: groove "align =" center ">
<Legend
Style = "color: Blue; Border: 1 solid #000000">
Table effect I </legend>
<Br>
</Fieldset>
</TD>
</Tr>
</Table> the following example shows the effect. There are so many table items. Trouble
