html中隐藏单元格上边框,HTML table 标签边框问题（隐藏表格边框、单元格边框等）...

一、表格的常用属性

基本属性有：width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽，即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔，即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)、 bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的背景图片)、 bordercolor(表格边框的颜色)。

二、表格内部分隔线的属性

起作用的是rules这个参数，它有三个值(cols,rows,none)，当rules=cols时，表格会隐藏横向的分隔线，也就是我们只能看到表格的列；当rules=rows时，就隐藏了纵向的分隔线，也就是我们只能看到表格的行；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏，我们就只能看到一个表格的外框了。

三、表格外部分隔线的属性

表格外边框的显示与隐藏，是可以用frame参数来控制的。注意：只对表格的外边框起作用，对内部边、线不起作用

只显示上边框 < table frame=above >

只显示下边框 < table frame=below >

只显示左、右边框 < table frame=vsides >

只显示上、下边框 < table frame=hsides >

只显示左边框 < table frame=lhs >

只显示右边框 < table frame=rhs >

不显示任何边框 < table frame=void >

我在添加点：

frame和rules属性：这两个属性比较特殊，是用于定义表格边框显示方式的。

frame：该属性定义表格最外层表格线的显示方式，有以下可选值：

void：不显示表格外层的边框线。

Box：显示四周的边框线

border：和Box相同

above：只显示顶部的边框线

below：只显示底部的边框线

lhs：只显示左侧的边框线

rhs：只显示右侧的边框线

hsides：只显示顶部和底部的边框线

vsides：只显示左侧和右侧的边框线

rules：该属性定义单元格边框显示方式，有以下可选值： none：不显示单元格边框；all：显示所有单元格边框线；cols：只显示纵向边框线，及单元格左右侧的边框线；rows：只显示横向边框线，即单元格上下两侧的边框线。rows和cols在实际中有时是很有用的。

groups：分组显示，只显示thead/tbody/tfoot的边框线。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！

html中隐藏单元格上边框,HTML table 标签边框问题（隐藏表格边框、单元格边框等）...相关推荐

html合并单元格自动换行,html的table标签用js做合并单元格操作
满意答案 fsrbf 2015.07.24 采纳率:59% 等级:11 已帮助:5794人为什么要用js呢?table本身就有合并单元格的功能,其实如果你用js也是给table添加对应的样式. ...
用tbody解决div在table标签里无法隐藏某些行
显示<INPUT type="checkbox" name="checkbox" οnclick='list(this);'> <script ...
Element ui中table标签上下滚动时表格错位
在style中加 /deep/.el-table__fixed-body-wrapper .el-table__body {padding-bottom: 20px; }
Word插入表格相邻单元格边框断开方法
Word插入表格相邻单元格边框断开方法写论文要将相邻单元格边框打断,见了很多教程,这里详细讲解一些如何实现,重点要掌握应用于单元格和段落的边框是不同的,应用于段落的边框之间是分开的. 实现效果: 操 ...
web前端学习（八）——HTML5中表格、边框的相关标签设置
1.HTML中表格边框的相关标签 ①表格由 <table> 标签来定义. ②每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签 ...
css中table标签详解(一)
css中table标签详解(一) 什么是table标签,以及table标签的组成? 不叨叨,直接上代码 <table><tr><td></td>< ...
html中table标签、tr标签、th标签、td标签的基础知识
html中table标签.tr标签.th标签.td标签的基础知识表格的结构表格的基本标签表格标签的基本属性 table标签的基本属性 tr标签的基本属性 th和td标签的基本属性表格高级样式设 ...
word单元格斜网格_如何在Word中的所有表上显示和隐藏单元格网格线
word单元格斜网格 By default, when you create a new table, all the cells have black borders that print with ...
HTML table 标签边框问题（隐藏表格边框、单元格边框等)
一.表格的常用属性基本属性有:width(宽度).height(高度).border(边框值).cellspacing(表格的内宽,即表格与tr之间的间隔). cellpadding(表格内元素的间 ...

html中隐藏单元格上边框,HTML table 标签边框问题（隐藏表格边框、单元格边框等）...

html中隐藏单元格上边框,HTML table 标签边框问题（隐藏表格边框、单元格边框等）...相关推荐

最新文章

热门文章