表格边框合并属性(border-collapse)用来定义表格中边框是独立显示还是合并显示。在边框合并属性中,使用的属性值有两个:分别为separate和collapse。其语法结构如下所示。
border-collapse:separate|collapse;
其中各个属性值的含义如下所述:
● separate:定义表格边框独立显示。
● collapse:定义表格边框合并显示。
范例:一个使用表格边框合并属性的实例
css属性实例.table1
{
border-collapse:separate;
}
.table2
{
border-collapse:collapse;
}
table
{
border:2px solid #000000;
margin:0 0 20px 0;
}
td
{
border:1px solid #999999;
width:200px;
height:80px;
}
这里是表格中的内容部分 | 这里是表格中的内容部分 |
这里是表格中的内容部分 | 这里是表格中的内容部分 |
这里是表格中的内容部分 | 这里是表格中的内容部分 |
这里是表格中的内容部分 | 这里是表格中的内容部分 |