Как сверстать такой элемент?

Question

[nutritsio]

Привет всем, верстаю макет, набиваю руку, вопрос в том как сверстать такую таблицу с промежутками? Нужны ли знания JS тут?
Использую Bootstrap 3.
Спасибо заранее.

Answer 1

[Павел]

Например, с помощью after, before псевдоэлементов и ::nth-of-child - селектора https://jsfiddle.net/kg08evkf/

Answer 2

[Алексей Скляров]

Задаете для всех этих блоков эту обводку, после чего через :before, :after создаете квадраты под цвет фона и через абсолютное позиционирование накладываете на обводку так, чтобы получилось то, что у вас в макете.

Answer 3

[Павел]

Знания Js не нужны тут.
Все делается в данном случае с помощью Css

Comments

[nutritsio]

Каким образом?