Как сделать границы таблицы невидимыми с помощью CSS

Я знаю, что это часто задаваемый вопрос, но я пробовал некоторые решения (например, Как с помощью CSS убрать разделяющие линии / границы в таблице? ), но я все еще не могу этого понять.

Я определил через CSS структуру таблицы с чередующимися цветами строк. Я бы хотел, чтобы (в частности, вертикальные) границы между ячейками были невидимыми, поэтому предположим, что мне нужна либо нулевая ширина границы td, либо чередующиеся цвета границы td должны быть такими же, как цвета фона.

Пример ниже - это то, что я пробовал, вызывая идентификатор table1 из html, я получаю красивую таблицу строк с чередованием цветов, но с очевидными границами ячеек - благодарю за вашу помощь.

#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;
}

, а затем образец HTML;

   

     
Test
(value)
   
   

     
Test2
(value2)