首页 文章

底部复制框阴影

提问于
浏览
0

我有问题让CSS3 box-shadow看起来正确 .

我目前在我的内容包装器上有一个box-shadow,如下所示:

边框:1px solid#D5D5D5;
border-radius:3px 3px 3px 3px;
box-shadow:0 0 2px #DADADA,0 -3px 0#E6E6E6 inset;

我希望盒子阴影出现在内容框的顶部,确切地说它出现在盒子的底部 . 我似乎无法做对 .

1 回答

  • 1

    不确定我是否清楚你要做什么,但如果第二个在底部工作正常,如何为顶部添加第三个阴影:

    box-shadow: 0 0 2px #000, 0 -3px 0 #E6E6E6 inset, 0 3px 0 #E6E6E6 inset;
    

    或者如果你想在顶部而不是在底部插入阴影,则用第三个阴影替换第二个阴影:

    box-shadow: 0 0 2px #000, 0 3px 0 #E6E6E6 inset;
    

相关问题