html table的高级使用方法,收藏! 表格(table) 高级的使用方法 (html)

表格进阶(TABLE ADVANCED)

表格的色彩

表元的背景色彩和背景图象

#=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称：

Black,

Olive,

Teal,

Red,

Blue,

Maroon,

Navy,

Gray,

Lime,

Fuchsia,

White,

Green,

Purple,

Silver,

Yellow,

Aqua

Food	Drink	Sweet
A	B

Food

Drink

Sweet

A

B

表格边框的色彩

Food	Drink	Sweet
A	B	C

Food

Drink

Sweet

A

B

C

表格边框色彩的亮度控制

bordercolorlight=White bordercolordark=Maroon>

FoodDrinkSweetABC

Food

Drink

Sweet

A

B

C

表格的分组显示(Structured Table)

按行分组

... - 表的题头(Header)

... - 表的正文(Body) ... - 表的脚注(Footer)

FoodDrinkSweet

ABCDEF

Food

Drink

Sweet

A

B

C

D

E

F

按列分组

#=left, right, center

FoodDrinkSweet

ABCDEF

Food

Drink

Sweet

A

B

C

D

E

F

列的属性控制

#=从左数起，具有指定属性的列的列数 #=left, right, center

FoodDrinkSweet

ABCDEF

Food

Drink

Sweet

A

B

C

D

E

F

表格中边框的显示

显示所有 4 个边框

FoodDrinkSweet

ABCDEF

Food

Drink

Sweet

A

B

C

D

E

F

只显示上边框

Food

Drink

Sweet

A

B

C

D

E

F

只显示下边框

Food

Drink

Sweet

A

B

C

D

E

F

只显示上、下边框

Food

Drink

Sweet

A

B

C

D

E

F

只显示左、右边框

Food

Drink

Sweet

A

B

C

D

E

F

只显示左边框

Food

Drink

Sweet

A

B

C

D

E

F

只显示右边框

Food

Drink

Sweet

A

B

C

D

E

F

不显示任何边框

Food

Drink

Sweet

A

B

C

D

E

F

表格中分隔线(Rules)的显示

显示所有分隔线

FoodDrinkSweet

ABCDEFTotal $-00.0

Food

Drink

Sweet

A

B

C

D

E

F

Total $-00.0

只显示组(Groups)与组之间的分隔线

Food

Drink

Sweet

A

B

C

D

E

F

Total $-00.0

只显示行与行之间的分隔线

Food

Drink

Sweet

A

B

C

D

E

F

Total $-00.0

只显示列与列之间的分隔线

Food

Drink

Sweet

A

B

C

D

E

F

Total $-00.0

不显示任何分隔线

Food

Drink

Sweet

A

B

C

D

E

F

Total $-00.0