是否有任何方法来创建一个css框阴影，其中不管模糊值，阴影只出现在所需的一面？

例如，如果我想创建一个div在左侧和右侧的阴影和顶部或底部没有阴影。 div不是绝对定位的，其高度由内容决定。

– 编辑 –

@ricebowl：我感谢你的答案。也许你可以帮助创建一个完整的解决方案，以解决我的回答您的解决方案中指出的问题…我的页面设置如下：

@H_301_8@<div id="container"> <div id="header"></div> <div id="content"></div> <div id="clearfooter"></div> </div> <div id="footer"></div>

和CSS这样：

@H_301_8@#container {width:960px; min-height:100%; margin:0px auto -32px auto; position:relative; padding:0px; background-color:#e6e6e6; -moz-Box-shadow: -3px 0px 5px rgba(0,.8),3px 0px 5px rgba(0,.8);} #header {height:106px; position:relative;} #content {position:relative;} #clearFooter {height:32px; clear:both; display:block; padding:0px; margin:0px;} #footer {height:32px; padding:0px; position:relative; width:960px; margin:0px auto 0px auto;}