table 标签的 rules 属性

rules 属性规定内侧边框的哪个部分是可见的。

从实用角度出发，最好不要规定 rules，而是使用 CSS 来添加边框样式。

值	描述
none	没有线条。
groups	位于行组和列组之间的线条。
rows	显示位于行之间的线条。
cols	显示位于列之间的线条。
all	显示位于行和列之间的线条。

表格中单元格之间分隔线的隐藏方法

第	一	行
第	二	行
第	三	行

这个表格去掉了单元格之间的纵向分隔线

第	第	第
一	二	三
列	列	列

这个表格去掉了单元格之间的横向分隔线

横		线
竖		线
都	没	了

这个表格去掉了单元格之间的纵向分隔线和横向分隔线

其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到<TABLE>标签中都有 rules。它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules= rows时，则隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。

table 标签的 rules 属性相关推荐

html当中的属性cellspacing,html中table标签之cellspacing属性的作用
html中table标签之cellspacing属性的作用发布时间:2020-12-05 10:11:23 来源:亿速云阅读:60 作者:小新这篇文章给大家分享的是有关html中table标签之 ...
php中td的属性设置,html table表格是什么？table标签中各种属性的使用方法
html table表格是什么? 首先让我们了解什么是表格,还有表格的作用什么是table表格:由一些被称之为单元格的矩形框按照从左到右从上到下的顺序排列到一起组成的 table表格的作用:以 ...
HTML table 标签的 frame 属性
语法 <body frame="value"> 属性值值描述 void 不显示外侧边框. above 显示上部的外侧边框. below 显示下部的外侧边框. hsi ...
HTML中的table标签属性
表格表格是由行和列排列而成的一种结构 HTML表格由table标签以及一个或多个tr.th或td标签组成: table标签用来定义表格,整个表格包含在<table>和</table ...
html中table标签及属性
table表格 HTML表格由table标签以及多个tr.th和td标签组成 table表示表格,整个表格要包含在<table></table>标签中 tr表示表格中的行,是单 ...
Bootstrap——table标签使用横向滚动条解决方案
官方文档 https://v4.bootcss.com/docs/content/tables/ 解决方案方法一:原生CSS 给table标签添加CSS属性 table显示滚t动条,要先把table ...
html cellpadding属性,HTML table标签 cellpadding 属性
HTML 定义和用法 HTML5 不支持 cellpadding 属性规定单元边沿与单元内容之间的空间,以像素计. 注意:请勿将该属性与 cellspacing 属性相混淆,cellspacing 属 ...
表格table标签的属性及使用方式
表格 table 创建表格在HTML网页中,要想创建表格,就需要使用表格相关的标签.创建表格的基本语法格式如下: <table><tr><td>单元格内的文字&l ...
HTML中Table标签的属性及应用
我们如何使用table表格: 定义表格:<table></table> 创建表头:<th></th> 创建表行:<tr></tr> ...

table 标签的 rules 属性

table 标签的 rules 属性相关推荐

最新文章

热门文章