Css 如何在标题下放置不同样式的阴影？

我怎么能像这样在标题下加上阴影呢

我知道我可以放置一个长方体阴影，但我想要一个类似于WebHost的阴影

---

我该怎么做呢？

如果你检查页面，你会看到阴影属于：CSS选择器之后。查看“背景”属性，可以看到它将图像插入为背景

---

所以，阴影是由图像创建的。这里不需要特殊的CSS技能。

这是一个位于DIV.holder底边之外的图像

#header .holder:after {
    left: 0;
    right: 0;
    bottom: -21px;
    content: '';
    height: 21px;
    display: block;
    position: absolute;
    background: url(https://www.000webhost.com/static/default.000webhost.com/images/shadow.png) no-repeat;
    background-size: 100%;
}

也许可以用分层框阴影代替图像来模拟这种效果，但这将是一个丑陋而笨拙的代码

不使用单独图像的唯一相对优雅的方法是创建一个小的SVG阴影，然后将SVG代码直接嵌入CSS背景中。像这样的工具使这变得相当容易

这里有一个快速的代码笔显示它的作用

---

SVG缺少原始PNG的一些视觉细节，但它可以更好地扩展，并且不再需要额外的资源。此外，您还可以使用文本编辑器更改阴影颜色。

他们是如何做到的？@freedomn-m哈哈，我想这不是css。。。我想