手机
当前位置:查字典教程网 >网页设计 >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表单属性readonly和disabled的使用方法

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

html插入链接的实现方法

html css 控制div或者table等固定在指定位置的实现方法

HTML 结构化实现方法

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

HTML表格标记教程(32):单元格的水平对齐属性ALIGN

使一个input文本框随其中内容而变化长度的方法

创建新元素的三种方法小结

HTML表格标记教程(26):单元格标记

精品推荐
分类导航