Html 如何创建小于元素宽度的居中圆形阴影？

我正试图使阴影像下面这样，但我不知道如何使阴影像这样在css。有人能帮我做这个款式吗

---

使用此代码，它可能会对您有所帮助

.jumbotron{
高度：30px；
宽度：100%；
盒影：0px 5px 15px#2C3E50；
}

asdfgggggggggggggggggggggggggggggggggggggggggggggggggg

您可以尝试使用负盒扩展阴影距离，如下所示：

.item{
高度：30px；
宽度：200px；
边框：1px纯黑；
盒影：0 8px 6px-6px黑色；
}

---

阴影像什么？请提供更多信息。此外，您忘记上传显示您所谈论的阴影类型的图片。像这样，有方框阴影或文本阴影，根据你需要在上面放置阴影的内容，我不确定你需要使用哪个。我想使用方框阴影查看此图片plz I.stack.imgur.com/o23z6.jpg