Как добавить границу в зубчатый граничный контейнер ⇐ CSS

[Anonymous]

Здравствуйте, у меня проблемы с попыткой придумать способ добавить границу в 1PX в контейнер с зубной границей, такой как: < /p>

https://codepen.io/swizenfeld/pen/ZyBybW
< /code>


body {
background: #f4f4f4;
}
.edge {
width: 100%;
height: 400px;
background: #fff;
margin-top: 30px;
}
.edge:before {
content: " ";
display: block;
position: relative;
width: 100%;
top:-30px;
height:30px;
background: linear-gradient(135deg, transparent 75%, white 76%) 0 50%,
linear-gradient(-135deg, transparent 75%, white 76%) 0 50%;
background-repeat: repeat-x;
background-size: 30px 30px, 30px 30px;
}< /code>
< /code>
< /div>
< /div>
< /p>

Есть идеи?


Подробнее здесь: https://stackoverflow.com/questions/445 ... -container