表格进阶(TABLE ADVANCED)

+ 表格的色彩

表元的背景色彩和背景图象
<th bgcolor=#>
<th background="URL"> ie.gif

#=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 
 
  
FoodDrinkSweet 
AB
 
  
 
  
 
    
  
 
  
表格边框的色彩 ie.gif
<table bordercolor=#>
 
  
 
  
FoodDrinkSweet
ABC
 
  
 
    
  
 
  
表格边框色彩的亮度控制 ie.gif
<table bordercolorlight=#>
<table bordercolordark=#> 
 
  
 
  
FoodDrinkSweet
ABC
 
  
 
  
 
    
  
 
  
+ 表格的分组显示(Structured Table) ie.gif
 
  
 
    
  
 
  
按行分组 
<thead> ... </thead> - 表的题头(Header) 
<tbody> ... </tbody> - 表的正文(Body) 
<tfoot> ... </tfoot> - 表的脚注(Footer) 
 
  
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
按列分组 
<colgroup align=#> #=left, right, center 
 
  
 
  
 
   
   
   
  Food 
  Drink 
  Sweet 
   
  A 
  B 
  C 
  D 
  E 
  F 
   
  
 
    
  
 
  
列的属性控制 
<col span=#> #=从左数起，具有指定属性的列的列数
<col align=#> #=left, right, center 
 
  
 
  
 
    
   
  Food 
  Drink 
  Sweet 
   
  A 
  B 
  C 
  D 
  E 
  F 
   
  
 
    
  
 
  
+ 表格中边框的显示 ie.gif
 
  
 
    
  
 
  
显示所有 4 个边框 <table frame=box>
 
  
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
只显示上边框 <table frame=above>
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
只显示下边框 <table frame=below>
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
只显示上、下边框 <table frame=hsides>
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
只显示左、右边框 <table frame=vsides>
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
只显示左边框 <table frame=lhs>
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
只显示右边框 <table frame=rhs>
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
不显示任何边框 <table frame=void>
 
  
FoodDrinkSweet
ABC
DEF
 
  
 
    
  
 
  
+ 表格中分隔线(Rules)的显示 ie.gif
 
  
 
    
  
 
  
显示所有分隔线 <table rules=all> 
 
  
 
  
 
    
   
  Food 
  Drink 
  Sweet 
   
  A 
  B 
  C 
  D 
  E 
  F 
   
  Total $-00.0 
   
  
 
    
  
 
  
只显示组(Groups)与组之间的分隔线 <table rules=groups> 
 
  
 
    
   
  Food 
  Drink 
  Sweet 
   
  A 
  B 
  C 
  D 
  E 
  F 
   
  Total $-00.0 
   
  
 
    
  
 
  
只显示行与行之间的分隔线 <table rules=rows> 
 
  
 
    
   
  Food 
  Drink 
  Sweet 
   
  A 
  B 
  C 
  D 
  E 
  F 
   
  Total $-00.0 
   
  
 
    
  
 
  
只显示列与列之间的分隔线 <table rules=cols> 
 
  
 
    
   
  Food 
  Drink 
  Sweet 
   
  A 
  B 
  C 
  D 
  E 
  F 
   
  Total $-00.0 
   
  
 
    
  
 
  
不显示任何分隔线 <table rules=none> 
 
  
 
    
   
  Food 
  Drink 
  Sweet 
   
  A 
  B 
  C 
  D 
  E 
  F 
   
  Total $-00.0