html table 单元格 分隔线

简介: 引用:http://www.17jquery.com/html_html5/662/ 只显示上边框  只显示下边框  只显示左、右边框  只显示上、下边框  只显示左边框  只显示右边框  不显示任何边框  表格单元格分隔线的显示与隐藏的诀窍在于rules,标签中有rules。

引用:http://www.17jquery.com/html_html5/662/

只显示上边框 <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 table 标准结构
HTML table 标准结构
97 0
|
3月前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
140 12
|
5月前
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格(Table),并设置表格的列(Column)和样式。通过示例代码展示了如何在React组件中创建表格并添加数据,以及如何通过样式设置表格元素的颜色。
52 2
Twaver-HTML5基础学习(10)嵌入Table
|
5月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
107 19
|
5月前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
70 1
|
7月前
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
347 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
|
9月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
67 0
|
前端开发
HTML table 基本使用
HTML table 基本使用
46 0
HTML table 表头和表格的合并
HTML table 表头和表格的合并
160 0
|
前端开发
HTML table 表格内容垂直对齐、边框颜色、标题
HTML table 表格内容垂直对齐、边框颜色、标题
66 0