Как обрезать так свойство border?

Question

[Макс Жуков]

Картина с машиной png

Answer 1

[Денис Шевченко]

<style>
    .banner-top, .banner-bottom{
        border: 2px solid red;
        border-radius: 30px;
    }
    .banner-top{
        border-bottom: none;
    }
    .banner-bottom{
        border-top: none;
    }

    .banner-center{
        margin: 0 -30px;
    }
</style>

<div class="banner">
    <div class="banner-top">
        CONTENT TOP
    </div>
    <div class="banner-center">
        <img src="..." alt="">
    </div>
    <div class="banner-bottom">
        CONTENT BOTTOM
    </div>
</div>

Answer 2

[Антон]

Наложить картинку поверх блока

Comments

[Денис Шевченко]

картинка прозрачная

Answer 3

[David Halkin]

имхо - никак. как вариант весь родительский блок разделить на 3 части: 1.верхний(текст),середина(картинка) и низ. на нижнюю и верхнюю части- давать бордеры