css2: 详解css的表格

一.定义css中的表格元素有那些

1.table

作用范围:定义一个大表格

2.thead

 作用:为了更更好的区分结构,列如th

3.tbody

 作用:为了更更好的区分结构,列如td

4.tofoot

 作用:为了更好的区分结构

5.tr

作用:表示表格中的行

6.th

作用:表格中的表头,能使字体加粗,还能够居中

7.td

作用:表示一个单元格;

图片详解:

css2: 详解css的表格

 

二,表格中的一些css修饰

1.合并边框

表格边框合并属性(border-collapse)用来定义表格中边框是独立显示还是合并显示。在边框合并属性中,使用的属性值有两个:分别为separate和collapse。其语法结构如下所示。

css2: 详解css的表格

 css2: 详解css的表格

collapse:默认边框独立  separate:合并边框

2.设置表格单元格之间的距离

 语法: border-spacing: 15px:

  一个值代表上下作用,两个值,第一个值上下,第二个值左右

css2: 详解css的表格

 css2: 详解css的表格

 

 

上一篇:asp.net core 如何将网页导出


下一篇:内核代码阅读(24) - 调度