Html 如何使头部底部呈圆形？

如何制作这样的圆形标题

---

有很多方法，他是一个简单的方法。你有过HTML/CSS的经验吗？或者你是新手

正文{
保证金：0；
背景：#8e8e8e；
}
.标题{
高度：50px；
宽度：100%；
线高：50px；
文本对齐：居中；
颜色：#fff；
}
.内容{
背景：#fff；
高度：计算（100vh-110px）；
边框右上角半径：50%60px；
边框左上半径：50%60px；
填充：60px20px20px；
}

标题
内容

.div{
位置：相对位置；
溢出：隐藏；
填充：50px0；
}
·分区内{
位置：相对位置；
背景：黑色；
高度：120px；
}
.div内部：之前，
.div内部：之后{
盒影：080px#000；
边界半径：100%；
位置：绝对位置；
高度：150px；/*您可以更改它*/
内容：''；
右图：-20%；
左-20%；
最高：100%；
}

你能告诉我们到目前为止你已经尝试了什么，我们可以帮助你使用这些代码吗？创建一个圆圈，然后覆盖你的标题。在这里搜索，这种问题每周出现一次，并且已经回答了很多次……欢迎访问，请检查基本知识，并发布你的工作代码，这是开始