将页脚框放在内容框后面

Question

我是HTML和CSS的新手，很抱歉，如果问题属于“元素”类别

我想要发生的是从“页脚div”外观碎片的顶部设置这两个圆角，基本上使“主体div”和“页脚div”看起来像1（不计算色差）

我的第一个想法是用页边距顶部推动页脚div，然后用z-index: -1;将它隐藏在主体div后面。它会推动页脚div，但是不会把它放在后面主体之一。那么有没有办法让这些顶角锐利，或者只是隐藏主体div后面的那些弯角？

对不起，如果问题不清楚，英语不是我的母语。我很乐意回答我所说的任何不清楚的事情。

Answer 1

是的，您可以使用边框半径轻松地使顶角变尖锐：

border-radius:0px 0px 15px 15px;

CSS中的值是给定的舍入量。第一个值(0px)是左上角，然后是右上角(0px)，右下角(15px)和左下角(15px)。
JSFiddle Demo