Есть вот такой фон который порезан на три картинки Как всё это дело прописать в CSS Почему-то нижняя картинка залезает на центральную
Сделайте 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>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей