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

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;

所以在你的情况下:

水平偏移:3px

垂直偏移:3px

模糊:2px

展开:0px

颜色:#eee