详解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 Table</caption>
- <colgroup span="1" width="200"></colgroup>
- <colgroup span="3" width="400"></colgroup>
- <thead>
- <tr>
- <td>cell 1-1</td>
- <td>cell 1-2</td>
- <td>cell 1-3</td>
- <td>cell 1-4</td>
- </tr>
- </thead>
- <tfoot>
- <tr>
- <td>cell 4-1</td>
- <td>cell 4-2</td>
- <td>cell 4-3</td>
- <td>cell 4-4</td>
- </tr>
- </tfoot>
- <tbody>
- <tr>
- <td>cell 2-1</td>
- <td>cell 2-2</td>
- <td>cell 2-3</td>
- <td>cell 2-4</td>
- </tr>
- <tr>
- <td>cell 3-1</td>
- <td>cell 3-2</td>
- <td>cell 3-3</td>
- <td>cell 3-4</td>
- </tr>
- </tbody>
- </table>
在浏览器中的显示效果如下图:
上一篇:HTML基础重点
栏 目:CSS/HTML
下一篇:移动端网页大小自适应的实现方法
本文标题:详解HTML中table表格的frame和rules属性
本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/9628.html
您可能感兴趣的文章
- 04-02好看的字体样式css,好看的字体样式图片
- 04-02html中加入css样式的简单介绍
- 04-02内嵌样式css,内嵌样式表,内部样式表,外部样式表中优先级最高的
- 04-02vue中的css样式布局,vue添加css样式
- 01-10利用iframe在网页中显示天气附效果截图
- 01-10通过html为FLASH加链接的实现代码(div层)
- 01-10a标签中写有文字如何隐藏文字显示图片兼容360模式渲染
- 01-10IE浏览器HTML Hack标签总结
- 01-10html用style添加属性示例
- 01-10HTML中rel属性分析
阅读排行
本栏相关
- 04-02表格样式css样式,css样式表单
- 04-02好看的字体样式css,好看的字体样式图
- 04-02分页样式css,分页样式jq
- 04-02分页样式css,分页样式栏里用来定义首
- 04-02css样式的引入,css样式怎么引入
- 04-02css滚动条样式,css滚动条的样式
- 04-02css样式引入方式有几种,网页引入css样
- 04-02html中加入css样式的简单介绍
- 04-02vue中的css样式布局,vue添加css样式
- 04-02内嵌样式css,内嵌样式表,内部样式表
随机阅读
- 08-05dedecms织梦模板全站调用收藏数的方法
- 08-05dedecms织梦模板编辑文档的同时自动更
- 01-10C++ 类访问控制的条件总结
- 01-11常用的HTML富文本编译器UEditor、CKEdi
- 08-05DEDECMS点击主栏目默认显示第一个子栏
- 01-10C语言打印杨辉三角示例汇总
- 08-05织梦dedecms首页调用缩略图为背景
- 01-10bat批处理彻底隐藏文件的方法(使用
- 01-10C++实现将数组中的值反转
- 01-10vue实现分页加载效果