有立体感的表格

- 站长中国 (http://www.zzchina.net)
-- 网页特效 (http://www.zzchina.net/javascript/)
--- 有立体感的表格 (http://www.zzchina.net/javascript/1/763.htm)
-- 发布日期： 2005-07-06
<!-- 网页特效代码由[站长中国:http://www.zzChina.net]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<style type="text/css">
<!--
td {font-family: "宋体"; font-size:12px}
-->
</style>
<div align="center">
<table width="750" border="0" cellspacing="0">
<tr>
<td>
<table width="30%" border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE">
<tr>
<td width="50%" height="18">A</td>
<td width="50%" height="18"> </td>
</tr>
<tr>
<td width="48%" height="18"> </td>
<td width="52%" height="18"> </td>
</tr>
</table>
</td>
<td>
<table width="30%" border="1" cellspacing="2" cellpadding="0" bgcolor="#40A4EE">
<tr>
<td width="50%">B</td>
<td width="50%"> </td>
</tr>
<tr>
<td width="46%"> </td>
<td width="54%"> </td>
</tr>
</table>
</td>
<td>
<table width="40%" border="1" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE">
<tr>
<td width="50%">C</td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
</table>
</td>
</tr>

<tr>
<td height="131" colspan=3>
<p align="left">A表格的参数：border="1" cellspacing="0" cellpadding="0"
bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE"</p>
<p align="left">B表格的参数：border="1" cellspacing="2" cellpadding="0"
bgcolor="#40A4EE"</p>
<p align="left">C表格的参数：border="1" bordercolor="#FFFFFF"
bordercolorlight="#000000" bgcolor="#40A4EE"</p>
<p align="left"> </p>
</td>
</tr>

</table>

zzchina.net