Как сделать border?

Question

[angry_yum]

Добрый день не подскажите как делается такой border для блоков

Answer 1

[Максим]

два прямоугольника
.......... у верхнего border-bottom:none;
.......... у нижнего border-top:none;

Comments

[angry_yum]

Тобишь это сделано просто через картинку с убирание одной из сторон?

[Максим]

angry_yum, нет ! 1DIV верхний у которого нету нижнего бордюра и 2DIV у которого нету верхнего бордюра оба находятся друг под другом , ни чего сложного

[angry_yum]

О все понял Большое спасибо

[Максим]

angry_yum, https://codepen.io/simkaUser/pen/ZJdrKP?editors=1100 вот так смотри - просто же ?

[Андрей]

Немного про другое, но принцип тот же https://codepen.io/AndrewHaze/pen/ZpwNGg

[Максим]

Андрей, так сложнее и не соответствует шаблону

[angry_yum]

Максим Ленский, да только там где нижняя часть под кнопкой нету бордера Но тут я уже разобрался)

[Максим]

angry_yum, а ну может быть ... главное помогло да ?

[angry_yum]

Максим Ленский, да, большое спасибо)

Answer 2

[Виталий]

Мне первое что пришло на ум сделать это как два псевдоэлементы before after c background, может есть и получше решения, но я бы сделал так.

Answer 3

[Антон Федорян]

https://codepen.io/slippyk/pen/prXaQB