您现在的位置是:网站首页> 编程资料编程资料
详解HTML中table表格的frame和rules属性html中table表格的内容水平和垂直居中显示Div+CSS对HTML的table表格定位用法实例深入解析HTML的table表格标签与相关的换行问题html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式HTML table表格边框的控制详细说明HTML的dl、dt、dd标记制作表格对决Table制作表HTML table 表格边框的实现思路
2021-08-29
1302人已围观
简介 在Web页面上我们可以使用frame和rules来控制表格边框是否可见,下面我们就来详解HTML中table表格的frame和rules属性,需要的朋友可以参考下
table标签的frame和rules属性,可以控制边框的显示。frame属性控制着表格最外围的四条边框的可见性,而 rules 则控制着表格内部边框的可见性。
frame属性可取的值及含义如下:
* void - 默认值。表示不显示表格最外围的边框。
* box - 同时显示四条边框。
* border - 同时显示四条边框。
* above - 只显示顶部边框。
* below - 只显示底部边框。
* lhs - 只显示左侧边框。
* rhs - 只显示右侧边框。
* hsides - 只显示水平方向的两条边框。
* vsides - 只显示垂直方面的两条边框。
rules 属性可取的值有五个,分别是:
* none - 默认值。无边框。
* groups - 为行组或列组加边框。
* rows - 为行加边框。
* cols - 为列加边框。
* all - 为所有行列(单元格)加边框
代码示例:
XML/HTML Code复制内容到剪贴板
- <table border="1" width="600" frame="hsides" rules="groups">
- <caption>My Ultimate Tablecaption>
- <colgroup span="1" width="200">colgroup>
- <colgroup span="3" width="400">colgroup>
- <thead>
- <tr>
- <td>cell 1-1td>
- <td>cell 1-2td>
- <td>cell 1-3td>
- <td>cell 1-4td>
- tr>
- thead>
- <tfoot>
- <tr>
- <td>cell 4-1td>
- <td>cell 4-2td>
- <td>cell 4-3td>
- <td>cell 4-4td>
- tr>
- tfoot>
- <tbody>
- <tr>
- <td>cell 2-1td>
- <td>cell 2-2td>
- <td>cell 2-3td>
- <td>cell 2-4td>
- tr>
- <tr>
- <td>cell 3-1td>
- <td>cell 3-2td>
- <td>cell 3-3td>
- <td>cell 3-4td>
- tr>
- tbody>
- table>
在浏览器中的显示效果如下图:
相关内容
- HTML的form表单标签用法学习教程HTML5 SVG和CSS3实现的表单浮动标签特效源码HTML的表单form以及form内部标签的使用HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法XHTML入门学习教程:表单标签HTML 使用表单标签实现注册页面的实例代码
- HTML中的超链接标签使用教程HTML基础知识——设置超链接的样式简单实例XHTML中的超链接标签使用教程html 用超链接打开新窗口其可控制窗口属性html超链接a标签的href跳转跟onclick之间执行顺序示例介绍解决html 图片img加超链接后产生难看的蓝色边框问题html超链接样式(四种不同状态)设置示例html 中文乱码 HTML超链接中文乱码问题分析及解决方法HTML利用超链接打开链接文件的方法介绍HTML设置超链接字体颜色和点击后的字体颜色网页制作初学者:学用HTML的超链接A标记
- HTML中table表格标签的基础学习教程详解HTML中table表格的frame和rules属性html css 控制div或者table等固定在指定位置的实现方法使用HTML5中的contentEditable来将多行文本自动增高深入解析HTML的table表格标签与相关的换行问题html中Div与table的区别(各方面细节探讨)html固定标题列、标题头table具体实现代码html的table用法(让网页的视觉效果显示出来)HTML table 直列化格式详解
- html制作细线表格的简单实例html5绘制的用户数据表格与饼状图形效果源码HTML表格布局实例讲解有关HTML表格边框的设置小技巧Div+CSS对HTML的table表格定位用法实例深入解析HTML的table表格标签与相关的换行问题
- 浅谈html标签的显示模式(块级标签,行内标签,行内块标签)H1标签使用的七大注意事项(推荐)浅谈Html5中视频 音频标签 进度条的问题关于HTML5语义标签的实践(blog页面)HTML的meta标签常见用法集锦HTML基础重点_一般标签、常用标签和表格HTML的form表单标签用法学习教程HTML中的超链接标签使用教程HTML中table表格标签的基础学习教程html5基于canvas实现的文字标签云3D旋转动画特效源码HTML5之语义标签介绍
- HTML 隐藏滚动条和去除滚动条的方法html 隐藏滚动条的简单实现
- Html/Css(新手入门第一篇必看攻略)css 入门基础教程CSS入门篇之传智播客学习15个必须阅读的CSS入门文章CSS 语法 学习css入门者看css入门教程之学习网页布局(1)-CSS教程-网页制作-网页教学网学DIV CSS技术,如何入门?-CSS教程-网页制作-网页教学网CSS入门教程:网页首字下沉-CSS教程-网页制作-网页教学网css是什么_动力节点Java学院整理
- 关于input的file 控件及美化限制html文本框input只能输入数字和小数点input checkbox 扩大点击范围的实现方法浅谈html中input只读属性readonly和disable的区别点击按钮文字变成input框,点击保存变成文字的实现代码快速解决input[type=file]打开时慢、卡顿的问题
- HTML中文件上传时使用的<input type="file">元素的样式自定义HTML5表单新特征简介与举例 WORD版HTML5的新特性(1) HTML5新特性之用SVG绘制微信logo HTML5有哪些新特征文件上传input file简便美化方案(css)upfile asp文件上传 又一奇迹般的突破用Jquery实现大文件上传 Jquery Large File Upload v10.31.0ASP.NET FileUpload 文件上传控件HTML5新特性之type=file文件上传功能
- htm初学笔记(新手必看)全面了解html.css溢出HTML5中原生的右键菜单创建方法使用HTML5里的classList操作CSS类HTML简述(新手必看) ppt版浅谈HTML代码中的空格和空行HTML5 canvas基本绘图之图形组合
