@MaksZhukov
programer

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

5a96b269ecd8a837567536.png
Картина с машиной png
  • Вопрос задан
  • 96 просмотров
Решения вопроса 1
densisss
@densisss
Веб-разработчик.
<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>
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Eridani
@Eridani
Мимо проходил
Наложить картинку поверх блока
Ответ написан
northfire
@northfire
имхо - никак. как вариант весь родительский блок разделить на 3 части: 1.верхний(текст),середина(картинка) и низ. на нижнюю и верхнюю части- давать бордеры
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
от 10 000 до 15 000 руб.
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
19 авг. 2018, в 17:22
1000 руб./в час
19 авг. 2018, в 17:11
200000 руб./за проект
19 авг. 2018, в 12:12
40000 руб./в месяц