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

网站地图 | 联系我们 | 咨询热线:13999201770

※	您现在的位置：新疆二域设计网络公司 >> 网页设计学院 >> 网页制作 >> Dreamweaver >> 正文

第	一	行
第	二	行
第	三	行

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

第	第	第
一	二	三
列	列	列

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

横		线
竖		线
都	没	了

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

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

作者：佚名 | 文章来源：本站原创 | 更新时间：2007-6-17 11:08:05

上一篇文章：表格边框的隐藏

下一篇文章： Dreamweaver如何制作浮动广告

：：最近更新：：

·	背景音乐bgsound的参数和在…
·	防止网页中表格被撑大而导…
·	用图片代替表单的提交按钮…
·	在Dreamweaver中编写CSS的…
·	在DreamWeaver中应用CSS样…
·	用Dreamweaver设计限时自动…
·	Dreamweaver的9个小技巧
·	Dreamweaver滤镜样式的语法…
·	在Dreamweaver中为Flash设…
·	用Dreamweaver来详细了解C…
·	Dreamweaver如何制作浮动广…
·	表格中单元格之间分隔线的…
·	表格边框的隐藏
·	用 Dreamweaver 8 搞定web…
·	Dreamweaver表格边框教程

：：推荐阅读：：

·	网页制作技巧十二条
·	Dreamweaver若干技巧
·	Dreamweaver经典问题大搜罗…
·	Dreamweaver易被忽略的问题
·	dreamweaer使用技巧二十例
·	Dreamweaver中插入FLASH参…
·	Dreamweaver插件用法简要说…
·	网页制作另类特殊技巧三则

QQ：359312 ;地址：新疆乌鲁木齐市友好E时代公寓B座708 邮编：830000