手机
当前位置:查字典教程网 >网页设计 >XHTML >表格边框/单元格之间分隔线的隐藏实现方法
表格边框/单元格之间分隔线的隐藏实现方法
摘要:只显示上边框只显示下边框只显示左、右边框只显示上、下边框只显示左边框只显示右边框不显示任何边框表格单元格分隔线的显示与隐藏的诀窍在于rule...

只显示上边框 <table frame=above>

只显示下边框 <table frame=below>

只显示左、右边框 <table frame=vsides>

只显示上、下边框 <table frame=hsides>

只显示左边框 <table frame=lhs>

只显示右边框 <table frame=rhs>

不显示任何边框 <table frame=void>

表格单元格分隔线的显示与隐藏的诀窍在于rules,<TABLE>标签中有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。

去除纵向分隔线 <table rules=cols>

去除横向分隔线 <table rules=rows>

去除纵向分隔线和横向分隔线 <table rules=none>

【表格边框/单元格之间分隔线的隐藏实现方法】相关文章:

HTML表格标记教程(43):表头的垂直对齐属性VALIGN

html插入链接的实现方法

HTML表格标记教程(44):表格的表首标记

html表单属性readonly和disabled的使用方法

按回车表单自动提交问题意外发现

让网站在浏览器网址前面显示小图标的方法

HTML中禁用表单控件的两种方法readonly与disabled

HTML 结构化实现方法

HTML表格标记教程(33):单元格的垂直对齐属性VALIGN

HTML表格标记教程(13):内部边框样式属性RULES

精品推荐
分类导航