Table Border Devil Tutorial

First, the hidden method of the separation line between the cells in the table

The first line of the second line of the third line of this form removed the longitudinal separation between the cells

The first third third column lists this form to remove the lateral divider between the cells

Horizontal lines have no this form to remove the longitudinal separation lines and lateral separation lines between cells.

In fact, the above three forms have three lines and three columns, and the hidden separation line is Rules, see the source code of these three forms, we can see that there are Rules in the

tab. It has three parameters (COLS, ROWS, NONE), when Rules = COLS, the table hides the portrait of the vertical division, so we can only see the table's row; when Rules = ROWS, hide the horizontal separation line In this way we can only see the column of the table; and when Rules = None, the longitudinal separation line and the lateral divider will be hidden.

Second, the hidden in the form border

Popular meter This is a normal form

Not afraid that it is only displayed on the border

What should I do if I don't show only the next border?

I don't want to display only left and right boxes without the sky.

Walking on both sides, the name is only displayed, the next border

Left and right is difficult to display only the left box

Left and right is difficult to display only the right box

Bare is completely removed without any border

The display and hide of the table border is to be controlled by the Frame parameter. Please note that it only controls the border chart of the table, and does not shadow the cell. Only display the on-border

Only display the next border Only display left, right box Only on the next border Only the left box Only the right box does not display any border

Third, the table border

Puman Passage This is a normal form

Pu < TD> Table

pass

Fine table line grid table coupled with a beautiful thin line (using the cellspacing1 pixel gap and table with cell background) fine table line grid Watchline This is not the same as that, which is used, which is the same. (Definition of cell Border) Pixel Table Line fine line grid The extension of the thin line form is to set a form in the first cell. Stand-fitting table (simple bright dark border setting, pay attention only IE support this effect) Table Body Ge 无名 Add a header (Application and tab) Names Table surface effect I Add a box to the header (define a border with CSS ) Table table effect II This section will rely on yourself to discover, because this is what you learn is Really belong to your own (my lazy excuse). I have written the focus below every table and give it the source code on the right, you can look at it. There is also a border that will change your color flashing form, interested in research, ^ o ^ Power by blueidea