html定义边界上下为0px,HTML – 边界崩溃有什么区别：崩溃;和边界间距：0;

它们是不同的！ (请参阅下面的代码段确认).

The border-collapse CSS property determines whether a table’s borders

are separated or collapsed. In the separated model, adjacent cells

each have their own distinct borders. In the collapsed model, adjacent

table cells share borders.

和

The border-spacing CSS property specifies the distance between the

borders of adjacent table cells (only for the separated borders

model). This is equivalent to the cellspacing attribute in

presentational HTML, but an optional second value can be used to set

different horizontal and vertical spacing.

The border-spacing value is also used along the outside edge of the

table, where the distance between the table’s border and the cells in

the first/last column or row is the sum of the relevant (horizontal or

vertical) border-spacing and the relevant (top, right, bottom, or

left) padding on the table.

This property applies only when border-collapse is separate.

所以这里是一个SNIPPET,有几个例子

body {

margin: 0;

font-family: Arial;

}

table {

width: 100%;

margin:30px 0

}

td {

border: 1px solid red

}

.collapse {

border-collapse: collapse;

}

.separate {

border-collapse: separate;

}

.no-spacing {

border-spacing: 0

}

.spacing {

border-spacing: 10px

}

Borders will collapse and therefore no space between them

Borders will try to separate between them but then using border-spacing:0 will join the borders without collpasing (looking like has double borders)

---

2 more examples

Border-spacing won't work due to only applies when border-collapse isset to separate

---

Borders will separate between them due to having border-spacing:10px and because border-collapse has separate as initial value