向边框添加样式以使阴影右或底

Question

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

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

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

Answer 1

如果我理解你是否想要这个：Demo.

<强> 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;
}

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

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

所以在你的情况下：

horizontal-offset ：3px

vertical-offset ：3px

blur ：2px

spread ：0px

color ：#eee