<div class="container1"></div> <div class="container2 zigzag"></div> <div class="container3 zigzag"></div> <div class="container4 zigzag"></div> .container1 { width: 100%; height: 200px; background: #222; } .zigzag { position: relative; width: 100%; height: 200px; } .zigzag:before { content: ""; display: block; position: absolute; top: -10px; width: 100%; height: 10px; } .container2 { background: