本文详细介绍了HTML表格中rules属性的使用方法，包括如何通过设置rules属性来隐藏或显示表格中的横向和纵向分隔线，提供了具体的参数设置及效果示例。
rules 属性规定内侧边框的哪个部分是可见的。
从实用角度出发，最好不要规定 rules，而是使用 CSS 来添加边框样式。
| 值 | 描述 |
|---|---|
| none | 没有线条。 |
| groups | 位于行组和列组之间的线条。 |
| rows | 显示位于行之间的线条。 |
| cols | 显示位于列之间的线条。 |
| all | 显示位于行和列之间的线条。 |
表格中单元格之间分隔线的隐藏方法
| 这个表格去掉了单元格之间的纵向分隔线 | |||||||||
| 这个表格去掉了单元格之间的横向分隔线 | |||||||||
| 这个表格去掉了单元格之间的纵向分隔线和横向分隔线 | |||||||||
|
其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到<TABLE>标签中都有 rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules= rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。 | ||||||||||
扫一扫
1041