Removing border from table cells

Solution 1:

Just collapse the table borders and remove the borders from table cells (td elements).

table {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

td {
    border: none;
}

Without explicitly setting border-collapse cross-browser removal of table cell borders is not guaranteed.

Solution 2:

The HTML attribute for the purpose is rules=none (to be inserted into the table tag).

Solution 3:

Probably you just needed this CSS rule:

table {
   border-spacing: 0px;
}

http://jsfiddle.net/Bz3Jt/3/

Solution 4:

<style type="text/css">
table {
  border:1px solid black;
}
</style>