表格边框魔鬼教程

王朝other·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

一、表格中单元格之间分隔线的隐藏方法

这个表格去掉了单元格之间的纵向分隔线

这个表格去掉了单元格之间的横向分隔线

线

线

这个表格去掉了单元格之间的纵向分隔线和横向分隔线

其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到

标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。

二、表格边框的隐藏

这是一普通的表格

不怕

下雨

只显示上边框

下起雨来

该怎么办

只显示下边框

上不着天

下不着地

只显示左、右边框

两边走开

老子姓王

只显示上、下边框

左右

为难

只显示左边框

左右

为难

只显示右边框

光秃秃

全脱了

不显示任何边框

表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

三、表格边框

这是一普通的表格

<table border="1" width="200" cellpadding="0" cellspacing="0">

<tr align="center">

<td>普</td>

<td>表</td>

</tr>

<tr align="center">

<td>通</td>

<td>格</td>

</tr>

</table>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航