css怎么用样式表把单元格之间的空隙消掉?如果是两个table之间的距离又要怎么消掉?

html-css08

css怎么用样式表把单元格之间的空隙消掉?如果是两个table之间的距离又要怎么消掉?,第1张

table{border-collapse:collapse}

/*在需要清楚空隙的表格里面加上这个样式,我这个样式是清除了页面所有表格的的空隙,如果需要单独清楚某一个表格,给那个表格加上类或者ID 把table换成ID名或者样式名就可以了*/

1、设置表格的边框。在CSS中,可以通过border来设置表格或单元格的边框及其边框颜色,例如,下面设置表格为1px的蓝色边框。

2、在table表格里,默认是显示两个边框线的,如果要设置成一条边框,在CSS中需要使用border-collapse设置为collapse,合并为一条边框。

3、CSS设置表格的宽度和高度,使用width宽度和height高度来设置。

4、CSS设置表格的文本水平对齐方式。主要通过text-align来设置,有三个值:居左对齐left,居右对齐right,居中对齐center。

5、CSS设置表格的内边距。主要通过padding来设置,padding值越大,内边距越大,如图设置间距为15像素。

6、如图所示间距设置成功。