html - 如何在左侧、底部、右侧而不是顶部插入阴影？

Question

我有以下 box-shadow inset css3 样式:

box-shadow: inset 0 0 10px 0 rgba(255, 255, 255, 1);

插入样式出现在盒子的所有 4 个侧面，但我不想在顶部设置样式。如何从顶部删除样式但保留左侧、底部和右侧的样式？

谢谢

Answer 1

这就是你想要的:

.right-left-bottom-shadow {
    box-shadow: 5px 0 5px -5px #CCC, 0 5px 5px -5px #CCC, -5px 0 5px -5px #CCC;
}

第一个是左边，第二个是底部，最后一个是右边的阴影。如果您的边框颜色为 #CCC，这看起来非常好。