当前位置:首页 > 开发教程 > 网页设计 >

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

时间:2010-04-07 09:29 来源: 作者: 收藏

隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到表格标签中都有rules。
这个表格去掉了单元格之间的纵向分隔线


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

其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。