表格几种风格的实现


<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

版权声明：本文为gwazy原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/gwazy/p/124650.html