表格几种风格的实现


<table width="200" cellpadding="0" cellspacing="0">
<tr> 
<td><fieldset style="width:200" align="center"> <legend> 无名表格 </legend> 
<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

posted on 2005-03-24 10:35  gwazy  阅读(678)  评论(0编辑  收藏  举报

导航