Question

我正在建立一个新的网站布局，但是我不知道如何在每个部分上绘制边框底部的曲线，请看这张图片，有人可以给我一些想法吗？

我曾尝试从每个部分中裁剪出所有背景图像，但它并不适合所有分辨率。

https://i.stack.imgur.com/DHC0C.png

Answer 1

您可以简单地在CSS下方使用它...

.container {
  display: block;
  margin: auto;
  width: 400px;
  height: 300px;
  background-color: #AAA;
  overflow: hidden;
  border-top-left-radius: 100% 10%;
  border-bottom-right-radius: 100% 10%;
  box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.7) inset, 0px -5px 15px -8px rgba(0,0,0,0.7) inset;
}

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

如何在每个部分上制作此边界底部曲线？

1 个答案: