Css 如何正确阴影框上的选项卡阴影？

我正在尝试正确地隐藏此站点上的选项卡。不确定问题是值还是html标记。

div.ui-tabs-panel.ui-widget-content.ui-corner-bottom{
背景色：#ffffff；
盒影：0 3px 6px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.23）；
}
div.variableselector\u值选择\u variabletitle\u面板{
背景色：#ffffff；
}
a、 用户界面标签锚定{
盒影：1px4px2pRGBA（0,0,0,0.16），1px0px5pRGBA（0,0,0,0.23）；
}

我想你在找这个

.盒式集装箱{
位置：绝对位置；
顶部：72px；
左：4em；
tansform：翻译（0，-50%）；
身高：50%；
宽度：60%；
边框：2px实心#ddd；
z指数：0；
背景：#fff；
过滤器：投影（2px 2px 5px#555）
}
.标签{
位置：绝对位置；
显示器：flex；
左：4em；
顶部：1.5em；
证明内容：之间的空间；
z指数：999；
}
.标签{
高度：50px；
宽度：150px；
边框：1px实心#ddd；
边界底部：0；
背景色：#fff；
右边距：10px；
盒影：0-5px18px-5px#555；
盒影：18px 0 18px-5px#555；
盒影：-5px 0 18px-5px#555；
}

请添加您希望发生的事情，以及您试图获取帮助的部分的HTML代码。如果可能的话，发布一个片段或一把小提琴的形式部分，你试图修复我会尝试把一些东西放在一起。我所做的是，标签将以某种方式被阴影化（它们将成为内容阴影框的一部分）。但我似乎无法将其设置正确（选项卡中的阴影）。@user3431336这是您想要的吗？

    <div class="tabs">
        <div class="tab"></div>
        <div class="tab"></div>
    </div>
    <div class="box-container">
    </div>

.box-container{
  position: absolute;
  top:72px;
  left:4em;
  tansform: translate(0,-50%);
  height: 50%;
  width:60%;
  border: 2px solid #ddd;
  z-index:0;
  background: #fff;
  filter:drop-shadow(2px 2px 5px #555)
}
.tabs{
  position: absolute;
  display:flex;
  left:4em;
  top:1.5em;
  justify-content: space-between;
   z-index:999;
}
.tab{
  height:50px;
  width:150px;
  border:1px solid #ddd;
  border-bottom:0;
  background-color: #fff;
  margin-right: 10px;
  box-shadow: 0 -5px 18px -5px #555;
  box-shadow: 18px 0 18px -5px #555;
  box-shadow: -5px 0 18px -5px #555;
  }