打造个性表格

一、一个象素宽的分隔线
<table width="100%" cellspacing="0" border="0" bgcolor="#000000" height="1" cellpadding="0">
<tr>
<td></td>
</tr>
</table>

二、利用“cellspacing”属性制作边框为1px的表格:
<table width="160" cellspacing="1" border="0" bgcolor="#000000" height="40">
<tr>  
<td bgcolor="#FFFFFF">
<div align="center">表格B</div>
</td>
</tr>
</table>

三、利用“cellpadding”属性制作等间距细线表格
<table width="420" border="0" cellspacing="2" cellpadding="1" height="10">
<tr>  
<td bgcolor="#000000">  
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>  
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</td>
<td bgcolor="#000000">  
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>  
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</td>
<td bgcolor="#000000">  
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>  
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</td>
<td bgcolor="#000000">  
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>  
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</td>
<td bgcolor="#000000">  
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>  
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</td>
<td bgcolor="#000000">  
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>  
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</td>
</tr>
</table>

  代码好象很多,但理清它的结构后会发现其实并不复杂,它主要利用了表格的嵌套以及表格的“cellpadding”属性。在一个一行六列表格的每个单元格里又插入了一个这样一个表格:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td> </td>
</tr>
</table>

上一篇: VMware应用以及技巧
下一篇: 局域网经典故障解决
文章来自: 网络
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 6331
发表评论
登录后再发表评论!