bordercollapse，bordercollapse属性

今天给各位分享bordercollapse的知识，其中也会对bordercollapse属性进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

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属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字，表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。

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

因为边框默认1px就是那么粗的所以需要细边框的话可以用别的方法实现

设置Table的细边框通常有这么几种方式：

1、设置边框的BORDER=0、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。这个方法有些邪气，看似不太正宗，但是也能达到效果，条条大路通罗马嘛！

再来看看第二种方法：

2、设置BORDER=0，再通过CSS，给Table加上1px的border-top,border-left，然后再设置所有的td的border-right,border-bottom，这样也能达到所要的效果。可见CSS很是强大啊。

今天在实践过程中发现，以上两种方式生成的HTML在Word中打开则发生问题，不能达到预期效果。怎么办呢！？

下面介绍一种更为简便有效的方法：

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文件中加上

<table id="border" border="0" cellspacing="0">

其中CSS中的table表示修饰的对象是table，#表示这是一个ID

感谢您花时间阅读本文！我们希望通过对bordercollapse的问题进行探讨，为您提供了一些有用的见解和解决方案。如果您需要更多帮助或者有其他疑问，请不要犹豫与我们联系。