Border-spacing and border in CSS tables

1. can be set on the table label orDisplay is the element of table, inline-table.

The Border-collapse attribute is required to function. If the cells are not separated, how come the distance between the cells ah.

　　border-spacing:10px 30px;

　　Indicates cell horizontal interval 10px, vertical interval 30px
　　

After the table{border-collapse:collapse;/* is set to collapse, the border-spacing fails *//* it appears that this property is set on the table */border-spacing:130px 15px ;}

The border in the table.

1.

There are two border, one can be set on the Table tab, one can be set on TD.

The Border on table refers to the border of the smallest cell in the BORDER,TD border of the largest outer ring of the box.

The specific performance is as follows:

Here I set the padding and border-spacing.

2.

When I set Border-collapse to collapse, a magical scene took place.

Padding and border-spacing are not working. Border-spacing can understand, but why does padding not work?

My understanding is the key or the collapse, after setting this property, all the border are connected together. Includes peripheral border and cell border, and no longer splits cells.