表格几种风格的实现

< table  width ="200"  cellpadding ="0"  cellspacing ="0" >
< tr >  
< td >< fieldset  style ="width:200"  align ="center" >   < legend >  无名表格  </ legend >  
< p  align ="right" >  
</ fieldset ></ td >
</ tr >
</ table >


< table  border ="0"  width ="200"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#000000"   >
< tr  align ="center"  bgcolor ="#FFFFFF" >  
< td  bgcolor ="#FFFFFF" > 细 </ td >
< td  bgcolor ="#FFFFFF" > 表 </ td >
</ tr >
< tr  align ="center"  bgcolor ="#FFFFFF" >  
< td  bgcolor ="#FFFFFF" > 线 </ td >
< td  bgcolor ="#FFFFFF" > 格 </ td >
</ tr >
</ table >



< table  width ="200"  cellspacing ="0"  cellpadding ="0" >
< tr  align ="center" >  
< td  style ="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted" > 细 </ td >
< td  style ="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted" > 表 </ td >
</ tr >
< td  style ="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted" > 线 </ td >
< td  style ="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted" > 格 </ td >
</ tr >
</ table >




< table  width ="200"  border ="0"  cellspacing ="2"  cellpadding ="0" >
< tr >  
< td >  
   < table  width ="100%"  border ="0"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#000000" >
   < tr >  
   < td  bgcolor ="#FFFFFF" >   </ td >
   </ tr >
   </ table >
</ td >
< td >  
    < table  width ="100%"  border ="0"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#000000" >
    < tr >  
    < td  bgcolor ="#FFFFFF" >   </ td >
    </ tr >
    </ table >
</ td >
</ tr >
< tr >  
< td >  
     < table  width ="100%"  border ="0"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#000000" >
     < tr >  
     < td  bgcolor ="#FFFFFF" >   </ td >
     </ tr >
     </ table >
</ td >
< td >  
     < table  width ="100%"  border ="0"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#000000" >
     < tr >  
     < td  bgcolor ="#FFFFFF" >   </ td >
     </ tr >
     </ table >
</ td >
</ tr >
</ table >

控制跨行跨列的单元格效果！

< table cellspacing = 1  cellpadding = 0  border = 0  bgcolor = # 666666  width = 200 >
< tr bgcolor = #eeeeaa >< td colspan = 2 > colspan = 2 </ td ></ tr >
< tr bgcolor = #eeeeaa >< td rowspan = 2  width = 100 > rowspan = 2 </ td >< td  > 2 </ td ></ tr >
< tr bgcolor = #eeeeaa >< td  > 2 </ td ></ tr >
</ table >

http://www.blueidea.com/bbs/NewsDetail.asp?GroupName=Dreamweaver+%26+Javascript%D7%A8%C0%B8&DaysPrune=5&lp=1&id=1574044