您现在的位置是:网站首页> 编程资料编程资料
详解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 表格边框的实现思路
2023-10-09
281人已围观
简介 在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 - 为所有行列(单元格)加边框
代码示例:
- <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>
在浏览器中的显示效果如下图:
提示:
本文由神整理自网络,如有侵权请联系本站删除!
本站声明:
1、本站所有资源均来源于互联网,不保证100%完整、不提供任何技术支持;
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途;否则由此产生的法律后果,本站概不负责!
相关内容
- 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表格标签与相关的换行问题
- 天天炫斗琉璃实战反击攻略详细解析_手机游戏_游戏攻略_
- 节奏大师S周闯关模式BUG详解 隐藏歌曲及金币全公开_手机游戏_游戏攻略_
- 疯狂猜成语一个人吐了一口气的答案是什么成语_手机游戏_游戏攻略_
- 节奏大师勋章获得方法 勋章有哪些_手机游戏_游戏攻略_
- 中国好学霸答案大全 中国好学霸第一册全部答案_手机游戏_游戏攻略_
- 中国好学霸答案大全 中国好学霸第二册全部答案_手机游戏_游戏攻略_
