CSS图像绘制样式＆＃39; border＆＃39;

Question

对于无法解释的标题感到抱歉......但我想问一下如何在这个网站/模板here中实现这些边界 - 因为你可以看到所有的div都有这种艺术风格的过渡，试图查找代码，但似乎无法弄明白。谢谢。
Example

Answer 1

对于要应用此类边框的:before，请使用:after或div等伪元素。

＆＃13;

＆＃13;

html,
body,
.container {
  width: 100%;
  margin: 0;
}

.container {
  position: relative;
  width: 100%;
  height: 200px;
  background: #19354b;
}

.container:after {
  content: '';
  position: absolute;
  background: url(https://ld-prestashop.template-help.com/prestashop_62261/themes/theme1425/img/light-bg-bottom.png);
  bottom: 0;
  left: 0;
  height: 30px;
  width: 100%;
  z-index: 1;
}

＆＃13;

<div class="container"></div>

＆＃13;

＆＃13;

＆＃13;