我有问题让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;
我希望盒子阴影出现在内容框的顶部,确切地说它出现在盒子的底部 . 我似乎无法做对 .
不确定我是否清楚你要做什么,但如果第二个在底部工作正常,如何为顶部添加第三个阴影:
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;
1 回答
不确定我是否清楚你要做什么,但如果第二个在底部工作正常,如何为顶部添加第三个阴影:
或者如果你想在顶部而不是在底部插入阴影,则用第三个阴影替换第二个阴影: