<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 4 年前。
<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 4 年前。
我正在设置一个新的网站布局,但我不知道如何在每个部分制作这个边框底部曲线,请看这张图片,任何人都可以给我一些想法吗?
我曾尝试从每个部分裁剪掉所有背景图像,但它并不适合所有分辨率。
最佳答案
你可以简单地使用下面的 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>
关于html - 如何在每个部分制作此边框底部曲线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54664437/