Не могу разобраться

Помогите пожалуйста!
Не могу разобраться, в наложении вроде всё сходится.

Ссылка на задание - это очень хорошо, но ваш код тоже нужен мне.

Ой!

1 лайк

Ну, расскажите, что это за новое свойство такое:
border-collapse: solid lightgray; ?

Это я уже методом тыка варианты подбирал. :grinning:

Заметно)) Ладно. Давайте будем с рамками разбираться вместе. Согласны?

Конечно

Начнем с того, что вы уберете рамку из HTML-кода, все же оформление - это задача CSS.

border?

Угу. И тогда перейдем к разбору того, что вы написали в CSS-редакторе.

Готово!

Замечательно.
Ваш первый фрагмент:
table {
border: 20px;
caption-side: bottom;
border-collapse: collapse;
}
Рассказывайте. Как вы представляете себе рамку толщиной 20px?)

Многовато!

Логично, правда?) Надо убрать.
В стилях для ячеек у вас присутствует отступ с каждой стороны и неизвестное мне свойство.
В соответствии с образцом каждая ячейка имеет рамку. Какое свойство нужно использовать?

Неизвестное свойство убрал.
Для рамок border.
А вот по поводу отступов не понял, они разве не нужны?

Нужны. Я же не говорю, что их нужно убрать. Читаю свойства по порядку, озвучиваю так сказать.
Свойство border состоит из трех компонентов: [толщина] [стиль] [цвет]. Знаете, как писать?

Буду признателен, если подскажете!

Ладно. Давайте по порядку. Толщина, как вы думаете, какая подойдет?

думаю 10px

Допустим. Вот смотрите. У вас у каждой ячейки внутренний отступ с каждой стороны (отступ от текста до границы - рамки равен 10px. То есть что отступ, что рамка, размер одинаковый?

(Разобрано по e-mail)