Как сделать такой бордер?

Question

[Роман Огарков]

Ребята, как замутить border вот такого вида?

Answer 1

[weranda]

https://jsfiddle.net/weranda/4ac7aphy/

Comments

[Роман Огарков]

ООО, спасибо бро! От души, то что надо

Answer 2

[Vlad Lavrik]

Если фон однотонный - просто заливаем блок с текстом цветом аналогичным фону.
Если нет - то верхние обрезанные бордеры - это отдельные элементы, с position absolute, для того что бы не засорять HTML, лучше использовать ::afrter и ::before псевдоэлементы.

Answer 3

[Алексей Захаров]

Можно так
https://jsfiddle.net/0aLfd3c8/1/

Answer 4

[Александр Миранович]

jsfiddle.net/f48ZD/502 вот так если нужно прозрачно как показано у вас на скрине или как я ранее писал через тег

Answer 5

[Дмитрий Христоев]

https://jsfiddle.net/haoss/9462drbj/

Answer 6

[DSoly]

Простой вариант:

<fieldset>
   <legend>Скидки за приглашение каждого участника</legend>
   <div>Содержимое блока</div>
</fieldset>

fieldset'у и legend'у можно добавлять необходимые классы с нужными стилями.