垂直带下盒子阴影

Question

请查看此test website。我在标题和主要内容区域的容器周围应用了box-shadow。有人可以告诉我是否可以将阴影稍微降低到标题上，以便它们之间没有间隙？ （见屏幕截图）

Answer 1

我认为这是尽可能接近：

box-shadow: 6px 10px 4px -4px #222222, -6px 10px 4px -4px #666666;

只需将标题阴影向下移动一点，这样它们就会与内容框阴影混合在一起。

Answer 2

试试这个

.banner > .container {
-webkit-box-shadow: 6px 8px 4px -4px #222 , -6px 8px 4px -4px #666;
box-shadow: 6px 8px 4px -4px #222 , -6px 8px 4px -4px #666;
margin-top: 20px;
}

Answer 3

您应该使用<div>创建一个容器box-shadow以包裹您想要的所有内容，然后仅将box-shadow应用于<div>。