自定义表格

自定义表格

1. 表格标签样式

1.1 为什么自定义表格

html既然包含table标签为什么还要自定义呢？从笔者的角度来看，一是table标签定义的表格在数据量较大的情况下加载速度并不理想，因为table标签要在所有数据加载完成才会显示数据；二是table的 tr， td标签在进行不规则表格排列的时候使用感并不理想。

1.2 行元素

行元素指定为table

dl{
   
	display:table;
	margin:0 0;
}

1.3 列元素

笔者使用了dt,dd两个标签区分奇偶列。列元素首先定义为表格元素和基本字体样式设置，而后为奇偶列匹配不同的底色，便于阅读。

dt,dd{