table / css no setting

First Row
Second Row

table border="5"

First Row
Second Row

table: border: 1px solid #f0f; border-width: 5px; table td: border: 1px solid #00f;

First Row
Second Row

table border="5" cellpadding="10"

First Row
Second Row

table: border: 1px solid #f0f; border-width: 5px; table td: border: 1px solid #00f; padding:10px;

First Row
Second Row

table border="5" cellpadding="10" cellspacing="10"

First Row
Second Row

table: border: 1px solid #f0f; border-width: 5px; border-collapse: separate; border-spacing: 10px; table td: border: 1px solid #00f; padding:10px;

First Row
Second Row

table border="5" cellpadding="10" cellspacing="0"

First Row
Second Row

table: border: 1px solid #f0f; border-width: 5px; border-collapse: collapse; table td: border: 1px solid #00f; padding:10px;

First Row
Second Row

Edit in JS Bin