Various HTML forms

xiaoxiao2021-03-06  112

http://www.peoplesolution.net/sc/article_show.asp?articleid=126

Form of teaching: Poorfish

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 table

Pu

Table

Tong

Ge

Fine table line grid table coupled with a beautiful thin line (using the cellspacing1 pixel gap and table with cell background)

fine

Table

line

Ge

The fine table is different from the above, it can be different, it is CSS, the effect is the same. (Definition of cell Border)

Table

Line

Ge

The fine table is further further, turning the border into a broken line, and is the magical effect of CSS.

Table

Line Ge

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)

Bordercolorlight = "# 000000" BordercoloRDark = "# eeeeee"> set

Bordercolorlight = "# 000000" BordercoloRDark = "# eeeeee"> Table

Bordercolorlight = "# 000000" BordercoloRDark = "# eeeeee"> body

Bordercolorlight = "# 000000" BordercoloRDark = "# eeeeee"> Ge

Named form

Add a header (Application

and tag)

无名 form

Table surface effect I

Add a box to the melt (define a border with CSS )

Table Table Table Effect II


This section will rely on yourself, because this is the thing that really belongs to yourself (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 ^

转载请注明原文地址:https://www.9cbs.com/read-125588.html

New Post(0)
CopyRight © 2020 All Rights Reserved
Processed: 0.041, SQL: 9