当前位置: 代码迷 >> 综合 >> css2: 详解css的表格
  详细解决方案

css2: 详解css的表格

热度:96   发布时间:2023-12-03 05:38:48.0

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

1.table

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

2.thead

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

3.tbody

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

4.tfoot

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

5.tr

作用:表示表格中的行

6.th

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

7.td

作用:表示一个单元格;

图片详解:

二,表格中的一些css修饰

1.合并边框

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

 

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

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

 语法: border-spacing: 15px:

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