CSS Properties table's border-collapse border merge

Description

This CSS property is used to set whether the borders of rows and columns of a table are merged into a single border or have separate borders

Separate default value. Borders are separated, not merged.
Collapse border Merge. That is, if adjacent, the same border is shared.

Although the weight of table in the DIV+CSS times is getting lower, but sometimes, or local table is still very useful

Especially in watchmaking, it is convenient for table comparison.
Of course, watchmaking certainly does not have borders, but if you add a frame directly to the TD, there will be a situation where the perimeter of the table is a single line, with two lines inside.

You can also implement all the single wires through other separate setups, but there's one of the easiest ways to do this, and the CSS provides the Border-collapse property to control the merging or separation of the linked borders.

CSS Code

<style><!--Table { width:300px;      border-collapse:collapse;      Overflow:hidden;} TR { white-space:0;} TD { height:30px; border:#333333 solid 1px;} --><style>

Html:

<TableBorder= "0"cellspacing= "0"cellpadding= "0"><tbody><TR><TD>Index</TD><TD>Index</TD><TD>Index</TD></TR><TR><TD>Index</TD><TD>Index</TD><TD>Index</TD></TR><TR><TD>Index</TD><TD>Index</TD><TD>Index</TD></TR></tbody></Table>

Reference reading:

Http://www.manongjc.com/article/1211.html

Http://www.manongjc.com/article/1212.html

CSS Properties table's border-collapse border merge