Как продлить границы таблицы в html как на рисунке? Подскажите пожалуйста. - Вопросы по сайтостроению

Вопрос Как продлить границы таблицы в html как на рисунке? Подскажите пожалуйста.

Регистрация
12 Дек 2013
Сообщения
86
Репутация
0
Спасибо
0
Монет
0
По бокам у таблицы немного продлены границы ( на пару пикселей), как мне сделать также, какая команда за это отвечает в html или в стилях css
//otvet.imgsmail.ru/download/35047128_db23053f1d54513b7a5351c714fc81bd_800.png
 
Регистрация
22 Ноя 2013
Сообщения
91
Репутация
-3
Спасибо
0
Монет
0
Думаю, что через after и before tr { position:relative; } th::before { background: #ddd; content: ""; height: 1px;/*высота линии*/ position: absolute; right: -10px; top: -1px; width: 10px; /*ширина линии*/ } и с td::before тоже самое, только подровнять уровень линии надо правильно и задать класс к тем td и tr, к которым будут применяться линии, что бы не было накладок на внутренние линии таблицы
 
Регистрация
12 Мар 2016
Сообщения
16
Репутация
0
Спасибо
0
Монет
0
варианты:
1) псевдоэлементы before и after
2) дополнительные ячейки, которые ты так застилишь (повесишь класс и застилишь класс)
3) если делается по макету, то картинку фона и паддинги (дцп вариант, но я видел людей, которые так делают в 2016 году:17_64:)
 
Сверху Снизу