Use CSS to change the table border style-

-- Use CSS to change the table border style-
Use CSS to change the table border style-
Hide bottom
Hide top border

Hide the Left Border
Hide the right border

CSS definition:

<TD style = "border-bottom-style: none; border-bottom-width: Medium" Height = "25"> hide </TD>
<TD Height = "25" style = "border-top-style: none; border-top-width: Medium"> hide the upper border </TD>
<TD style = "border-left-style: none; border-left-width: Medium" Height = "25"> hide the Left Border </TD>
<TD style = "border-right-style: none; border-right-width: Medium" Height = "25"> hide the right border </TD>

1. The separation line of the table can be hidden.
<Table border rules = Cols cellspacing = 0 align = left> horizontal separation lines can be hidden.

<Table border rules = rows cellspacing = 0 align = right> vertical separation lines can be hidden.

<Table border rules = none cellspacing = 0 align = center> horizontal and vertical separation lines can be hidden.

2. The border of the table keeps flashing.

The following method can make the border of the table continue to flash, very practical
Add

<Table border = "0" width = "280" id = "myexample"
Style = "border: 5px solid yellow">

<Tr>

<TD> Add any object. Add any object.

<Br> Add any object. Add any object.

<Br> Add any object. Add any object. </TD>

</Tr>

</Table>

<Script language = "javascript1.2">

<! --

Function FLA ****(){

If (! Document. All)

Return

If (myexample. style. bordercolor = "yellow ")

Myexample. style. bordercolor = "Lime"

Else

Myexample. style. bordercolor = "yellow"

}

Setinterval ("FLA ***** ()", 500)

// -->

</SCRIPT>

3. Download table branches

This is very practical for cousin's content.

Add <tbody>

For example:
<Table>
<Tbody>
<Tr>
<TD> flsdjfsdjfkdsjf </TD>
</Tr>
<Tr>
<TD> skdjfsdjfksd </TD>
</Tr>
</Tbody>

<Tbody>
<Tr>
<TD> flsdjfsdjfkdsjf </TD>
</Tr>
<Tr>
<TD> skdjfsdjfksd </TD>
</Tr>
</Tbody>
</Table>

4. Several tables with different styles

<Table border = "1" width = "220" style = "position: absolute; left:
11; top: 11 "Height =" 26 ">

<Tr>

<TD width = "100%"> normal table </TD>

</Tr>

</Table>

5. cube table

<Table border = "1" width = "220" bordercolorlight = "# eeeeee"
Bordercolordark = "#000000" style = "position: absolute; left: 10; top:
49 "Height =" 26 ">

<Tr>

<TD width = "100%"> positive cube table </TD>

</Tr>

</Table>

6. Detailed Table

<Table border = "0" frame = vsides width = "219"
Bgcolor = "#000000" cellspacing = "1" cellpadding = "0"
Height = "22" style = "position: absolute; left: 11; top: 86">

<Tr bgcolor = "# ffffff">

<TD width = "100%" Height = "2"> small table </TD>

</Tr>

</Table>

7. three-dimensional table

<Table border = "1" width = "220" bordercolorlight = "# ffffff"
Bordercolordark = "# ffffff" style = "position: absolute; left: 10; top:
112 "Height =" 34 ">

<Tr>

<TD width = "100%" bgcolor = "# b7b7b7"
Bordercolorlight = "#000000" bordercolordark = "# eeeeee"> three-dimensional table </TD>

</Tr>

</Table>

8. Unknown table

<Table width = "220" align = "center" style = "position: absolute;
Left: 246; top: 12 "Height =" 51 ">

<Tr>

<TD> <fieldset style = "width: 220" align = "center">
<Legend> anonymous table </legend> <p align = "right"> </fieldset>
<Br>

</TD>

</Tr>

</Table>

9. Table effect II

<Table width = "220" align = "center" style = "position:
Absolute; left: 245; top: 89 "Height =" 110 ">
<Tr>
<TD Height = "75"> <fieldset style = "width: 220"
Align = "center"> <legend> table effect ⅱ </legend> <Table
Frame = "hsides" border = "1"
Bordercolorlight = "#000000" bordercolordark = "# ffffff"
Width = "100%" cellspacing = "1" cellpadding = "0" Height = "78">
<Tr bgcolor = "# ffffff">
<TD width = "100%" Height = "76"> </fieldset> </TD>
</Tr>
</Table>

10. Table effect I

<Table width = "220" align = "center" style = "position: absolute;
Left: 10; top: 120 "Height =" 138 "cellspacing =" 1"
Cellpadding = "0">

<Tr>

<TD Height = "126"> <fieldset style = "width: 220; color: # b7b7b7;
Border-style: groove "align =" center "> <legend style =" color:
# Ffffff; Border: 1 solid #808080 "> <font color =" #000000 "> table effect I </font>
</Legend> <p align = "right"> </fieldset>

</TD>

</Tr>

</Table>

11. Display borders in the table

Show only the upper border <Table Frame = above>
Show only the lower border <Table Frame = below>
Show only the left and right borders <Table Frame = vsides>
Show only top and bottom borders <Table Frame = hsides>
Show only the left border <Table Frame = LHS>
Show only the right border <Table Frame = RHS>
No border is displayed <Table Frame = void>