如何在所有四面应用盒子阴影？
我试图在所有四面应用一个box-shadow 。 我只能在两面得到它：
这是因为x和y偏移。 尝试这个：
-webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff;
编辑（年后…）：作出更多的跨浏览器的答案，请按照要求:)
btw：现在有很多css3生成器.. css3.me ， css3maker ， css3generator等…
请参阅： http : //jsfiddle.net/thirtydot/cMNX2/8/
input { -webkit-box-shadow: 0 0 5px 2px #fff; -moz-box-shadow: 0 0 5px 2px #fff; box-shadow: 0 0 5px 2px #fff; }
这看起来很酷。
-moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999;
这个代码很简单：
box-shadow: 0px 0px 2px 2px black; /*any color you want*/
我find了http://css-tricks.com/forums/topic/how-to-add-shadows-on-all-4-sides-of-a-block-with-css/网站。;
.allSides { width:350px;height:200px; border: solid 1px #555; background-color: #eed; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); }
使用此CSS代码的所有四个方面：box-shadow：0px 1px 7px 0px rgb（106，111，109）;
我使用了以上两种forms的代码：
-webkit-box-shadow: 0 0 0 10px #73a9db; -moz-box-shadow: 0 0 0 10px #73a9db; /*box-shadow: 0px 0px 20px #73a9db;*/ -o-box-shadow: 0 0 10px rgba(0,0,0,1); box-shadow: 0px 1px 7px 0px rgb(115, 169, 219);
和
box-shadow: 0px 1px 7px 0px rgb(115, 169, 219);
其中最后一行是你提到的代码，但问题仍然存在。:(
