Border-collapse property allows you to quickly create formatted tables using plain HTML markup. the border-collapse property sets the table borders are collapsed into a single border or detached as in standard HTML.
Border-collapse:separate: border-collapse property to separate allows borders to be applied to table cells.
Code there below created two table, horizontal table and verticale table. The tables are marked TH for headings and TD for content inside the <tbody> tag.
The styles below have been applied to two tables below output. The tables are marked TH for headings and TD for content. The cellpadding and cellspacing values are defined in the HTML and could be set using css.
Using the standard TABLE model you'd have to set the background colours, color, borders and text alignment for each row or cell.