Removing unwanted table cell borders with CSS

Answer 1

After trying the above suggestions, the only thing that worked for me was changing the border attribute to "0" in the following sections of a child theme's style.css (do a "Find" operation to locate each one -- the following are just snippets):

.comment-content table {
    border-bottom: 1px solid #ffffd;

.comment-content td {
    border-top: 1px solid #ffffd;
    padding: 6px 10px 6px 0;
}

Thus looking like this afterwards:

.comment-content table {
    border-bottom: 0;

.comment-content td {
    border-top: 0;
    padding: 6px 10px 6px 0;
}

Answer 2

add some css:

td, th {
   border:none;
}

Answer 3

Try assigning the style of border: 0px; border-collapse: collapse; to the table element.

Answer 4

You may also want to add

table td { border:0; }

the above is equivalent to setting cellpadding="0"

it gets rid of the padding automatically added to cells by browsers which may depend on doctype and/or any CSS used to reset default browser styles

Answer 5

to remove the border , juste using css like this :

td {
 border-style : hidden!important;
}

Answer 6

Set the cellspacing attribute of the table to 0.

You can also use the CSS style, border-spacing: 0, but only if you don't need to support older versions of IE.