Advanced application of table to carry out the table to the end (must read)_Experience exchange

1. The dividing lines of the table can be hidden

The horizontal dividing lines can be hidden

Can hide vertical dividing lines

Can hide horizontal and vertical dividing lines


2. The border of the table is continuous Flashing

The following method can make the border of the table flash continuously. It is very practical
Add

style="border:5px solid yellow">

Add any object. Add any object.


Add any object. Add any object.


Add any object. Add any object.

<script>  <br><br><!--  <br><br>function flashit(){  <br><br>if (!document.all)  <br><br>return  <br><br>if (myexample.style.borderColor=="yellow")  <br><br>myexample.style.borderColor="lime"  <br><br>else  <br><br>myexample.style.borderColor="yellow"  <br><br>}  <br><br>setInterval("flashit()", 500)  <br><br>//-->  <br><br></script>


3. Download the table in rows

This is more practical for cousins ​​with large content

When needed Add

to the branch download location. For example:




tr >

flsdjfsdjfkdsjf

skdjfsdjfksd

flsdjfsdjfkdsjf

skdjfsdjfksd

4. Several tables with different styles

Normal table

5. Square cube table

bordercolordark="#000000" style="position: absolute; left: 10; top:
49" height="26">



Cube table






6. Detailed table

bgcolor="#000000" cellspacing="1" cellpadding="0"
height="22" style="position : absolute; left: 11; top: 86">

Detailed table

7. Three-dimensional table

bordercolordark="#ffffff" style="position: absolute; left: 10; top:
112" height="34">

bordercolorlight="#000000" bordercolordark="#eeeeee" >Three-dimensional table

8. Unnamed table

Unnamed table

9. Table-in-table effect II

align="center">

Table within a table Effect Ⅱ

frame="hsides" border="1"
bordercolorlight="#000000" bordercolordark="#ffffff"
width="100%" cellspacing="1" cellpadding="0" height="78">





10. Table-in-table effect Ⅰ

cellpadding="0">

Table within table effect Ⅰ

　

11. Display of the border in the table


Only the upper border is displayed
Only the lower border is displayed
Only the left and right borders are displayed
Only the upper and lower borders are displayed
Show only the left border
Show only the right border
Do not display any borders