border-collapse

时间:2024-12-01 11:50:44编辑:流行君

css的border-collapse两个值有什么区别

border-collapse共有三个值:border-collapse:separate | collapse | inherit
它们各自的含义是:
separate:
默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse:
如果可能,边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。
inherit:
规定应该从父元素继承border-collapse属性的值。
border-collapse的用途
border-collapse属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示


css, border-collapse: collapse; //这是什么意思?定义了table和table, td, th 选择器。那如何工作呢?

1、border-collapse: collapse;
border-collapse属性是运用在table标签里的, collapse值会让 边框合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

2、border: 1px solid black;//这个是设置边框属性的,1px是边框的宽度,solid是设置边框的线条为实线, black是设置边框的颜色为黑色。

table, td, th {
border: 1px solid black; ////solid什么意思?
}
上面的意思同时定义3个标签的 边框属性为 border: 1px solid black;


上一篇:唱歌咬字

下一篇:没有了