Html 将页脚框放在内容框后面

我对HTML和CSS相当陌生，如果这个问题属于“元素”范畴，我很抱歉。

我想做的是将“footer div”顶部的两个圆角设置为shard，基本上使“main body div”和“footer div”看起来像1（不计算色差）

我的第一个想法是用margintop将footer div向上推，并用

z-index:-1将其隐藏在主体div后面它确实会将页脚分区向上推，但不会将其放在主体分区的后面。那么，有没有办法使这些顶角变得锋利，或者干脆将这些弯曲的角隐藏在主体div后面

对不起，如果问题不清楚，英语不是我的母语。我很乐意回答我所说的任何不清楚的问题。
是的，您可以使用边界半径轻松地使顶角锋利：

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

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