Каким образом нарисовать границы с помощью css?

Question

[Villem]

Друзья, каким образом можно нарисовать границы с помощь css?
Пример прилагаю, спасибо.

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/DelphinPRO/oonue910/

Comments

[Villem]

Спасибо Сергей

Answer 2

[Дмитрий]

можно разрезать на 3 части, выделил их take.ms/03MT8 , а дальше:
- можно боковые части стилизовать через превдоэлементы :before , :after , а центральный фон через background-repeat: repeat-x;
- можно боковые части стилизовать отдельными блоками и добавить внутрь главного с центральным фоном.

Answer 3

[Александр]

Вот Вам в помощь различные варианты: https://css-tricks.com/examples/ShapesOfCSS/ Вам необходима трапеция. Берете 2 блока, вкладываете их один в другой, заливаете цветами и делаете с них трапеции. Внутренний блок не забудьте сделать по размеру меньше и отцентрируйте по отношению к внешнему блоку.