Как удалить двойные границы ячеек в HTML-таблицах

Question

Мне нужна простая HTML-таблица 17x2 с одиночными строками в виде границ, без пробелов между ячейками и т. Д. Этот онлайн-редактор возвращает следующий код:

Вывод выглядит так:

Я добавил cellspacing="0", чтобы избавиться от пробелов между ячейками.Как избавиться от дублирующей границы между соседними ячейками?

PS: редактор ввода Stackoverflow возвращает ошибку отступа кода, хотя все отступы на месте.

Answer 1

Вы можете использовать свойство border-collapse: collapse для тега таблицы.

, например:

table {
    border-collapse: collapse;
}

Подробнее https://www.w3schools.com/cssref/pr_border-collapse.asp