html - 将样式添加到边框以在右侧或底部有阴影

Question

我知道如何为桌子或图像制作阴影。有没有办法为边框制作阴影？这是我的表格单元格 CSS。谢谢！

.customerCell{
    color: #000000;
    background:#f4f2e6;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    vertical-align: middle;
}

这是我正在谈论的边界的示例。

Answer 1

如果我理解你想要这个：演示。

CSS：

.customerCell{
    color: #000000;
    background:#f4f2e6;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    vertical-align: middle;
    width: 150px;
    height: 50px;
    box-shadow: 3px 3px 2px 0px #eee;
}

使用 CSS3box-shadow属性。它的参数是这样的：

box-shadow: horizontal-offset vertical-offset blur spread color inset;

所以在你的情况下：

horizontal-offset: 3 像素

vertical-offset: 3 像素

blur: 2 像素

spread: 0 像素

color: #eee