Css 如何使边界阴影，而其他人有尖锐的边界

我尝试只为单个边框添加阴影效果，而其他边框有锐利的边框。CSS有这种能力吗？或者还有其他我不知道的技术吗

#panel {
    -moz-box-shadow:0 1px 10px #00c6ff;
    -webkit-box-shadow: 0 1px 10px #00c6ff;
    box-shadow:0 1px 10px #00c6ff;
    width:25%;
    height: 50px;
    background-color:#161616;
    color: #fff;
    margin: 20px auto;
    text-align: center;
    }

HTML

面板内容

我正试着做这样的事情

像这样：

box-shadow: 0px -8px 5px -5px #00c6ff;

第四个值是扩展半径。正值将使阴影扩大并变大，负值将使阴影缩小。如果未指定，它将为0（阴影将与元素大小相同）

所以基本上你要使阴影比你的盒子小，并且确保它只在一边突出

阴影与边界无关。它们相互独立。没有“边界阴影”这样的东西。

像这样：

box-shadow: 0px -8px 5px -5px #00c6ff;

第四个值是扩展半径。正值将使阴影扩大并变大，负值将使阴影缩小。如果未指定，它将为0（阴影将与元素大小相同）

所以基本上你要使阴影比你的盒子小，并且确保它只在一边突出

---

阴影与边界无关。它们相互独立。没有“边界阴影”这类东西。

可以使用带有

线性渐变的：伪元素，而不是
框阴影


#面板{
位置：相对位置；
宽度：25%；
高度：50px；
背景色：#161616；
颜色：#fff；
保证金：20px自动；
文本对齐：居中；
}
#专家组：之后{
位置：绝对位置；
内容：''；
宽度：100%；
身高：100%；
顶部：-10px；
左：0；
背景：线性梯度（0deg，#00c6ff，#00c6ff计算（100%-20px），rgba（0198255,0））；
z指数：-1；
}

面板内容

可以使用带有
线性渐变的：伪元素，而不是
框阴影


#面板{
位置：相对位置；
宽度：25%；
高度：50px；
背景色：#161616；
颜色：#fff；
保证金：20px自动；
文本对齐：居中；
}
#专家组：之后{
位置：绝对位置；
内容：''；
宽度：100%；
身高：100%；
顶部：-10px；
左：0；
背景：线性梯度（0deg，#00c6ff，#00c6ff计算（100%-20px），rgba（0198255,0））；
z指数：-1；
}

面板内容

实际上不是100%锐利或至少98%锐利边缘，是否有可能以这种或那种方式隐藏其他边界？如果阴影完全位于方框下方，则它将是100%锐利的。实际上不是100%锐利或至少98%锐利边缘，是否有可能以这种或那种方式隐藏其他边界？如果阴影完全位于方框下方，它将是100%锋利的。