Как сделать фон из трёх картинок

273
27 декабря 2017, 19:10

Есть вот такой фон который порезан на три картинки Как всё это дело прописать в CSS Почему-то нижняя картинка залезает на центральную

Answer 1

Сделайте 1 блок с бекграундом ровной картинки, а потом задайте ему псевдоэлементы :after и :before

Вот пример, будет понятнее

        div{ 
            width: 200px; 
            height: 400px; 
            position: relative; 
            background: red; 
            margin-top: 100px; 
        } 
        div:after{ 
            position: absolute; 
            content: ''; 
            width: 0; 
            height: 0; 
            top: -16%; 
            border-bottom: 64px solid red; 
            border-right: 200px solid transparent 
        } 
        div:before{ 
            position: absolute; 
            content: ''; 
            width: 0; 
            height: 0; 
            bottom: -16%; 
            border-top: 64px solid red;  
            border-left: 200px solid transparent; 
        }
<div></div>

READ ALSO
Высота в flexbox

Высота в flexbox

Доброго времени суток! Учусь верстать на flexbox'ах и столкнулся с проблемойХотел спросить, возможно ли сделать так как на примере:

225
Bootstrap 4 выравнивание по вертикали блоков

Bootstrap 4 выравнивание по вертикали блоков

Посмотрел некоторые ответы по этому вопросу здесь, но на свой вопрос не могу найтиСуть в следующем: надо выравнять блоки внутри другого по вертикали,...

425
Управление пакетами шрифтов.

Управление пакетами шрифтов.

Я скачал шрифт, а там целый пак шрифтов - Regular, Bold, Light, Italic

270