Html 从底部和右侧移除长方体阴影

Im使用

box shadow

实现列表元素之间的边界。我制作了一个

flexbox

的

.nav选项卡

，以强制列表元素的组合布局。 但我不想把它去掉，我怎么能把它去掉呢 我所改变的

框阴影：25px0-23px灰色，025px0-23px灰色


.nav选项卡{
显示器：flex；
柔性包装：包装；
}
.nav tabs li{
盒影：25px0-23px灰色，025px0-23px灰色；
填充：50px；
}
#集装箱导航标签{
背景图像：图像（bg line bar.png）；
宽度：自动；
高度：自动；
}
#容器导航选项卡>li.active>a，
.nav选项卡>li.active>a:焦点，
.nav选项卡>li.active>a:悬停{
边框宽度：0；
}
#容器.导航选项卡>li>a{
边界：无；
颜色：#666；
}
#容器选项卡窗格{
填充：15px0；
}
#容器.选项卡内容{
填充：20px
}
#集装箱。导航标签li.active a{
边界：无；
}
.街区{
宽度：203px；
高度：90px；
/*左边距：-45px*/
利润率：-28px-15px；
填充：34px 47px；
文本对齐：居中；
显示：内联块；
背景：；
颜色：#A6；
}
.块：悬停h1{
颜色：#000000；
}
.封锁：悬停h5{
颜色：#A48973；
}
#基地{
背景：#eee；
显示：内联块；
高度：120px；
左边距：-15px；
利润上限：-25px；
位置：相对位置；
文本对齐：居中；
宽度：111%；
填充物：5px10px；
}
#基地2{
背景：#eee；
显示：内联块；
高度：120px；
左边距：-15px；
利润上限：-25px；
位置：相对位置；
文本对齐：居中；
宽度：111%；
填充物：5px10px；
}
#基地：之前{
边框底部：21px实心#eee；
左边框：26px实心透明；
右边框：26px实心透明；
内容：“；
身高：0；
左：182px；
位置：绝对位置；
顶部：-19px；
宽度：0；
}
#base2:之前{
边框底部：21px实心#eee；
左边框：26px实心透明；
右边框：26px实心透明；
内容：“；
身高：0；
左：182px；
位置：绝对位置；
顶部：-19px；
宽度：0；
}
.底座{
显示：内联块；
高度：120px；
宽度：200px；
利润率：-15px；
显示：内联块；
文本对齐：居中；
边缘顶部：25px；
}
.底座h1，
h4{
颜色：#000000；
}
.基块h5{
颜色：#A48973；
}











今天的收入
$ 2,300
售出5间
今天/月
$ 41,000
售出230间客房
暂定预订
$ 4,500
12次预订
确认预订
$ 43,000
300次预订
您可以反转长方体阴影面并隐藏父对象上的溢出

这是从原始css修改的内容：

.nav-tabs {
  overflow:hidden;/*added*/
}

.nav-tabs li {
  box-shadow: -25px 0 0 -23px gray, 0 25px 0 -23px gray;/*update*/
}


.nav选项卡{
显示器：flex；
柔性包装：包装；
溢出：隐藏；/*已添加*/
}
.nav tabs li{
框阴影：-25px 0 0-23px灰色，0 25px 0-23px灰色；/*更新*/
填充：50px；
}
#集装箱导航标签{
背景图像：图像（bg line bar.png）；
宽度：自动；
高度：自动；
}
#容器导航选项卡>li.active>a，
.nav选项卡>li.active>a:焦点，
.nav选项卡>li.active>a:悬停{
边框宽度：0；
}
#容器.导航选项卡>li>a{
边界：无；
颜色：#666；
}
#容器选项卡窗格{
填充：15px0；
}
#容器.选项卡内容{
填充：20px
}
#集装箱。导航标签li.active a{
边界：无；
}
.街区{
宽度：203px；
高度：90px；
/*左边距：-45px*/
利润率：-28px-15px；
填充：34px 47px；
文本对齐：居中；
显示：内联块；
背景：；
颜色：#A6；
}
.块：悬停h1{
颜色：#000000；
}
.封锁：悬停h5{
颜色：#A48973；
}
#基地{
背景：#eee；
显示：内联块；
高度：120px；
左边距：-15px；
利润上限：-25px；
位置：相对位置；
文本对齐：居中；
宽度：111%；
填充物：5px10px；
}
#基地2{
背景：#eee；
显示：内联块；
高度：120px；
左边距：-15px；
利润上限：-25px；
位置：相对位置；
文本对齐：居中；
宽度：111%；
填充物：5px10px；
}
#基地：之前{
边框底部：21px实心#eee；
左边框：26px实心透明；
右边框：26px实心透明；
内容：“；
身高：0；
左：182px；
位置：绝对位置；
顶部：-19px；
宽度：0；
}
#base2:之前{
边框底部：21px实心#eee；
左边框：26px实心透明；
右边框：26px实心透明；
内容：“；
身高：0；
左：182px；
位置：绝对位置；
顶部：-19px；
宽度：0；
}
.底座{
显示：内联块；
高度：120px；
宽度：200px；
利润率：-15px；
显示：内联块；
文本对齐：居中；
边缘顶部：25px；
}
.底座h1，
h4{
颜色：#000000；
}
.基块h5{
颜色：#A48973；
}











今天的收入
$ 2,300
售出5间
今天/月
$ 41,000
售出230间客房
暂定预订
$ 4,500
12次预订
确认预订
$ 43,000
300次预订
你可以把盒子倒过来