如何创建像Apple.com一样的div阴影？

Question

我对像www.apple.com/ipodshuffle创建阴影两个问题...

1. 在网站上，你会看到一个白色背景的主要部分 - 它包含了所有的iPod Shuffle的信息。这个主要部分的右侧，左侧和底部有一个阴影，但顶部没有。我如何编码？

2. 就在iPod Shuffles的第二张图片上面（它们都堆叠在一起，文字上显示“设计，尽可能美观，可穿戴”），看起来有一个阴影边框就像它弹出页面，然后退回到页面。我如何编码？

Answer 1

这里就是你正在寻找的代码：约box-shadow这里

.box{ 
 
    padding: 20px; 
 
    border-radius: 5px; 
 
    
 
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; 
 
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
 
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; 
 
}

<div class="box"> 
 
    Lorem ipsum 
 
</div>

更多信息：http://www.css3.info/preview/box-shadow/

对于中央的影子，他们只是使用的图像。