来源:网络 | 2008-7-27 | (有3196人读过)
制作带有立体感的表格
在页面中适当的加入带有立体感的表格元素,会给你的页面添光加彩。
<table width="30%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#9999CC">
<tr>
<td>A</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br>
<table width="30%" border="1" align="center" cellpadding="1" cellspacing="2" bgcolor="#9999CC">
<tr>
<td>B</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br>
<table width="30%" border="1" align="center" cellpadding="1" cellspacing="2" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#9999CC">
<tr>
<td>C</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table〉
小技巧:效果图中的凸凹效果,完全是由bordercoloer的颜色来控制的,它的颜色浅一些,有会有凸出的效果,它的颜色深一点,就会有凹陷的效果。
|