Как убрать часть border, как на макете?

Question

[Алена Михайлова]

В макете встретился такой бордер и я не знаю как его сверстать

Answer 1

[Sanches]

Вариант с псевдоэлементами:
https://codepen.io/abnmt/pen/yKOzOM

Вариант с linear-gradient:
https://codepen.io/abnmt/pen/KozXmW

Answer 2

[Олег]

Выриант раз

div{position:relative;border:2px solid black;border-bottom:none;}
div:after{}//левая сторона
div:before{}//правая сторона

Вариант 2

div{position:relative;border:2px solid black;border-bottom:none;}
div:after{background:linear-gradient;}

Answer 3

[Dymok]

Похожий вопрос с решением:
Как обрезать бордер чтобы вставить поверх него текст?

Answer 4

[Artem Buyanoff]

тега legend недостаточно будет?
htmlbook.ru/html/legend