How did this site add that 2px margin between the th elements?

问题

I've been looking at the code and I still can't figure out how they achieved the 2px margin between the th elements:

This is the site: http://ecigarettereviewed.com/

Any ideas?

回答1:

Here's the relevant CSS:

table {
    border-collapse: separate;
    border-spacing: 2px;
}

This is actually a browser default style:

回答2:

I believe this is the CSS that causes those borders:

table {
    border-collapse: separate;
    border-spacing: 2px;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px;
}

来源：https://stackoverflow.com/questions/15562679/how-did-this-site-add-that-2px-margin-between-the-th-elements