Как сверстать рамку с вырезанной зоной?

Question

[Maks]

Как сверстать вот такую рамку с частично вырезанной верхней границей?


На ум приходят только два варианта:
1. Использовать изображение
2. У главного элемента закрасить левую, правую и нижнюю границу и использовать before и after для верхней левой и верхней правой границ.
Есть другие варианты?

Answer 1

[mib]

https://jsfiddle.net/atve48ae/

Comments

[Maks]

Спасибо за решение!

[mib]

Пожалуйста