html语言中线条属性代码,HTML <table>标签 rules属性-CSDN博客

HTML

案例

设置表格内部边框

教程	学习天数
php	7天
HTML	6天

rules属性css效果

由于h5不支持该属性，可用css样式实现。

table{

border-collapse: collapse;

}

tr + tr { border-top:1px solid #000}

td + td {border-left:1px solid #000}

标签的属性中没有border 和 solid 的属性，所以给加边框要加上该语法table{border-collapse: collapse;}，边框不折叠的表格(即border-collapse: collapse;) 行,列，行组和列组是不具有border的默认table边框是折叠的。“+”则是相邻兄弟结合符,tr + tr 代表除了第一个tr的所有tr标签。

table标签rules属性值值描述

none没有线条。

groups位于行组和列组之间的线条。(用于表格colgroup、thead、tfoot、tbody等分组标签)

rows位于行之间的线条。

cols位于列之间的线条。

all位于行和列之间的线条。

rules属性groups值

rules="groups"的时候代表组之间的线条。本案例设置了表头、表内容、表尾、表格数的分组。