table

table是双标签,display:table;简单地表格由一个table和多个tr,td,th组成;

tr定义表格行,th定义表头,td定义表格单元;

table的可选属性:

width :规定表格的宽度

height:规定表格的高度

 border :规定表格边框的宽度

cellpadding:规定单元边沿与其内容之间的空白也就是,单元格内边距;

cellspacing:规定单元格之间的空白;默认是2px;

bgcolor:规定表格的背景颜色;

table的默认样式:

border-width:1px;

border-color:gray;

border-spacing:2px;

border-collapse:separate;

display:table;

tbody:系统自带的table的子元素;

display:table-row-roup;

vertical-align:middle;

tr:定义表格行

display:table-row;

th:定义表头

font-weight:bold;

text-align:-internal-center;

display:table-cell;

td:定义表格单元

display:table-cell;

rowspan:跨行合并;

colspan:跨列合并;

border-sapcing:设置相邻单元格的边框间的距离;

border-collpase:设置表格的边框是否被合并为一个单一的边框,collapse是合并,separate是默认值不合并;

你可能感兴趣的:(table)