Wie man mit CSS die Tabellengrenzen unsichtbar macht

Question

Ich weiß, dass dies eine oft gestellte Frage ist, aber ich habe einige der Lösungen ausprobiert (wie Wie lassen sich trennende Linien/Grenzen in einer Tabelle mit CSS verschwinden?), aber ich schaffe es immer noch nicht ganz.

Ich habe über CSS eine Tabellenstruktur mit abwechselnden Zeilenfarben definiert. Ich möchte, dass die (insbesondere vertikalen) Grenzen zwischen den Zellen unsichtbar sind und nehme daher an, dass entweder eine Randbreite von null td erforderlich ist oder die abwechselnden td-Randfarben mit den Hintergrundfarben übereinstimmen müssen.

Das unten stehende Beispiel zeigt, was ich versucht habe. Beim Aufrufen einer table1-ID aus HTML bekomme ich eine schön abwechselnd farbige Zeilentabelle, aber mit offensichtlichen Zellgrenzen - ich würde mich über Ihre Hilfe freuen.

#table1 table, tr, td, th {
     border: 0;
}

#table1 tbody tr:nth-child(odd) {
     background-color: #A3B9D2; 
}

#table1 tbody tr:nth-child(even) {
     background-color: #E7EDF3;
}

und dann ein Beispiel für HTML;

     Test(Wert)

     Test2(Wert2)

Answer 1

Es scheint, dass du den Stil auf Tabellen innerhalb von table1 anwendest. Die erste Deklaration sollte tatsächlich sein:

table1 { border: 0; }

oder

table #table1 { border: 0; }

Answer 2

Welchen Browser verwenden Sie? Für vollständige Abwärtskompatibilität müssen Sie immer noch das Attribut cellspacing="0" auf der Tabelle setzen.

http://jsfiddle.net/RmhxH/

Answer 3

Probiere das:

table,td,tr,th{
  border:0;
}