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

大家好，今天小编来为大家解答border-collapse这个问题，css的border-collapse两个值有什么区别很多人还不知道，现在让我们一起来看看吧！

用table做网页,设置了border为1px怎么还是觉得很粗

设置Table的细边框通常有这么几种方式： 1、设置边框的BORDER=0、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。这个方法有些邪气，看似不太正宗，但是也能达到效果，条条大路通罗马嘛！再来看看第二种方法：下面介绍一种更为简便有效的方法： 3、设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid#000 1px;}，大功告成！而且Word也能认出这种设置。样式表如下： table#border{ border-top:#000 1px solid; border-left:#000 1px solid;} table#border td{ border-bottom:#000 1px solid; border-right:#000 1px solid;}然后再要加边框的html文件中加上

bordercollapse属性

css中的border-collapse属性如何设置表格边框线？本篇文章就给大家介绍css中的border-collapse属性是什么？

border-collapse属性设置表格边框线的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

首先我们来了解一下css border-collapse属性是什么？它的作用。

border-collapse属性：设置表格的边框是否被合并为一个单一的边框，即：用于设置表格边框是合并显示还是分开显示。

border-collapse属性设置表格的边框是否被合并为一个单一的边框。它有以下几个值：

-- separate默认值：边框会被分开，不会忽略 border-spacing和 empty-cells属性；

-- collapse：如果可能，边框会合并为一个单一的边框。会忽略 border-spacing和 empty-cells属性；

-- inherit：规定应该从父元素继承 border-collapse属性的值。

双线表格边框的实现

html代码：

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中那样分开显示

border-collapse与cellspacing有区别吗

我认为是没有多大的区别，功能是一样的,区别在于前者是css属性,后者是table标签属性。border属性有三个子属性：线宽线型颜色。定义border的时候,可以直接用border属性,也可以分别用border-width,border-style,border-color定义.如果用border定义的话,就要把三个子属性的值全部写出,而且中间用空格分隔,不能用其他的字符。cellspacing设置为“0”，显示的结果就是第一个表格的每个单元格之间的距离为0。若将表格边框设为“0”，则单元格的距离就是0了 cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字，表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。

关于border-collapse，css的border-collapse两个值有什么区别的介绍到此结束，希望对大家有所帮助。