div+css:表格边框间距属性border-spacing_html/css_WEB-ITnose
程序员文章站
2022-05-06 13:07:23
...
表格边框间距属性(border-sapcing)用来定义表格中独立边框之间的间距。在表格边框间距属性中，使用的属性值是长度值。其语法如下所示。
border-spacing：length;
****************************************************************
注意：当在表格边框合并属性中使用合并显示值(collapse)的时候，使用表格边框间距属性将不起作用。IE浏览器并不支持表格边框间距属性，只有在Firefox等浏览器中，才能够显示出间距的正常效果。
****************************************************************
范例：一个使用表格边框间距属性的实例
br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
css属性实例
以上的代码中分别定义了两个两行两列的表格。在第一个表格中，定义边框合并属性值为独立显示，并且定义了表格边框间距属性值为20px。在第二个表格中，定义了基本相同的属性，只有表格边框合并属性值为合并显示。另外还定义了表格的边界属性，目的是将表格之间分隔一段距离。
border-spacing：length;
****************************************************************
注意：当在表格边框合并属性中使用合并显示值(collapse)的时候，使用表格边框间距属性将不起作用。IE浏览器并不支持表格边框间距属性，只有在Firefox等浏览器中，才能够显示出间距的正常效果。
****************************************************************
范例：一个使用表格边框间距属性的实例
br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| 这里是表格中的内容部分 | 这里是表格中的内容部分 |
| 这里是表格中的内容部分 | 这里是表格中的内容部分 |
| 这里是表格中的内容部分 | 这里是表格中的内容部分 |
| 这里是表格中的内容部分 | 这里是表格中的内容部分 |
以上的代码中分别定义了两个两行两列的表格。在第一个表格中，定义边框合并属性值为独立显示，并且定义了表格边框间距属性值为20px。在第二个表格中，定义了基本相同的属性，只有表格边框合并属性值为合并显示。另外还定义了表格的边界属性，目的是将表格之间分隔一段距离。