Как сверстать такую рамку?

Question

[Theory Theory]

Answer 1

[Ankhena]

Просто нарисовать фоновыми градиентами к одному блоку.
https://jsfiddle.net/02hfmet3
Адаптивный и с контентом внутри https://jsfiddle.net/kn3ha48d/

Есть еще вариант с 2мя псевдоэлементами, но подходит только для однотонного фона и фикс ширины. Во-первых, из-за обводки, во-вторых, из-за округления. Если блок будет иметь фикс ширину, то округление не важно, просто нужно скорректировать в зависимости от четности или нечетности.
https://jsfiddle.net/xm91ny4q/

Answer 2

[Алексей]

Явно не верстальщик, но если в лоб, то можно както так =)


Либо еще такая наркомания

Answer 3

[i_m]

1 блок + 8 spanов с абсолютным позиционированием отрицательно к блоку

Comments

[Ankhena]

Девять (!!!) блоков ради горизонтальных и вертикальных полосочек? Мамочки )))