Подтвердить что ты не робот

Установить внутреннюю границу таблицы в HTML

Как установить "внутреннюю границу" - границу между разными ячейками.

Установив атрибуты стиля, мне удается управлять внешней границей, но внутренняя граница остается тем же серым цветом и той же шириной. Какие атрибуты я должен настроить, чтобы контролировать внутреннюю границу?

4b9b3361

Ответ 1

Для обычной табличной разметки здесь короткое решение, которое работает на всех устройствах/браузерах на браузере, кроме IE 7 и ниже:

table { border-collapse: collapse; }

td + td,
th + th { border-left: 1px solid; }
tr + tr { border-top: 1px solid; }

Для поддержки IE 7 добавьте следующее:

tr + tr > td,
tr + tr > th { border-top: 1px solid; }

Здесь можно увидеть тестовый пример: http://codepen.io/dalgard/pen/wmcdE

Ответ 2

Вам нужно стилизовать элемент <td>.

Взгляните на веб-сайт W3C